您的位置:首页 > Web前端 > React

React Native实现图片文本混合显示

2017-08-21 15:38 1661 查看
React Native实现图片文本混合显示。
效果如下:
```![这里写图片描述](https://img-blog.csdn.net/20170821153810852?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvSF9ZZGQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
废话不多说上具体代码:
render() {
return(
<View>
<Text style={styles.text}>  //
<Text onPress={()=>{
//点击图片按钮具体要做的事(给图片一个点击事件)
}}>
文字与图片的混合展示,并且图片带有点击效果
<Image source={require('../Myimgs/docment.png')} />
</Text>
</Text>
</View>
);}
const styles = StyleSheet.create({
text:{
lineHeight: 20,
fontSize:12,
marginTop:60,
marginBottom:150,
marginLeft:20,
marginRight:20,
},
});
实现图片文本混合显示的做法本质上是利用了文本的嵌套功能。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: