gpt4 book ai didi

react-native - 使用 React-Native 在图像周围环绕文本

转载 作者:行者123 更新时间:2023-12-04 08:56:20 25 4
gpt4 key购买 nike

我尝试创建一个带有图像和环绕图像组件的文本组件的 View 。

我的造型:

  textContainer: {
flexDirection: 'row',
},
text: {
flex: 10,
},
image: {
flex:1,
height: 180,
width: 150,
margin: 10,
borderColor: '#ccc',
borderWidth: 1,
}

我的组件:
<ScrollView style={styles.contentContainer} >
{this.props.content.title_1 ? <Text style={styles.title}>{this.props.content.title_1}</Text> : null}
<View style={styles.textContainer}>
{this.props.content.text_1 ? <Text style={styles.text}>{this.props.content.text_1}</Text> : null}
{this.props.content.image_1 ? <Image width={null} height={null} style={styles.image} source={this.props.content.image_1} /> : null}
</View>
</ScrollView>

这就是结果:(根本没有包装哈哈)

enter image description here

在下面的图像中,我很快将小图像嵌入文本中。但我无法让文本被环绕..

example

我希望任何人都可以在正确的方向上帮助我!

最佳答案

这真的很难,但有一种奇怪的方法可以做到这一点..尝试以下操作。它对我有用,但我这样做的地方在其他 View 中太深了。:

<Text>
<View style={{width:400, height:100, flex:1, flexDirection:'row'}}>
<Image source={require('')}/>
<Text>Your Content Here</Text>
</View>

</Text>

祝你好运。请发表评论,让我们知道它是否有效。

关于react-native - 使用 React-Native 在图像周围环绕文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38508429/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com