渲染图像文本阵营本地

Question

如何呈现在右侧与图像的段落， 屏幕设计应该是类似的截图

Answer 1

阵营本地不支持你所希望的方式文本对齐。您可以通过渲染自己的Text组件的每个段落，然后渲染为具有相关的图片段落下面有点模仿在一个时间一个段落这样的效果：

<View style={{flexDirection: 'row'}}> 
    <Text>Lorem ipsum dolor......</Text> 
    <Image source={require('./path/to/image.png')} /> 
</View> 

你可能想添加一些左填充到图像组件，所以文本不会正确运行。

Answer 2

你可以尝试：与同一[链接]

let pic = { 
    uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg' 
}; 

return(
    <View style={styles.container}> 
    <Image source={pic} style={{width: 360, height: 110}}/> 
    <Text>React Application Works fine!</Text> 
    </View> 
);