如何在ListView中的native native中包装文本？

Question

我试图像这样制作简单的消息传递：

Desired outcome Image

然而，我无法弄清楚如何使红色背景仅包裹文本。我一直在喋喋不休：

Code output Image

{{1}}

我已经尝试了一切..请帮助

Answer 1

试试这个解决方案： React Native: "Auto" width for text node

建议使用alignSelf属性。使用alignSelf: 'flex-start'

PS：ListView已弃用。请改用FlatList。它具有更好的大数据性能