React Native如何让文本自动换行并匹配图片宽度？

完全可以通过纯样式设置实现，不需要编程获取图片宽度，具体调整方式如下：

• 给外层View添加alignItems: 'flex-start'，让容器宽度自动适配内部最宽的元素（也就是你的图片）
• 给Text设置width: '100%'，让文本继承容器的宽度（即图片的宽度），从而自动换行

调整后的代码示例：

<View style={{ backgroundColor: 'yellow', alignItems: 'flex-start' }}>
  <Text style={{ backgroundColor: 'white', width: '100%' }}>text text text text text text text text text text text text text text text text text text text text text</Text>
  <Image source={require('some.png')} />
</View>

如果图片需要保持比例适配容器，可额外给Image添加resizeMode: 'contain'（根据实际需求调整），核心逻辑还是让外层容器由图片撑开宽度，再让文本占满该宽度。

内容的提问来源于stack exchange，提问作者RobinBobin