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, }, }); 实现图片文本混合显示的做法本质上是利用了文本的嵌套功能。
相关文章推荐
- IOS - 富文本实现在UILabel中显示图片
- Spring 4.2+websocket集群实现文本或图片推送、接收及显示
- GridView实现图片和文本的简单显示一
- HTML开发——项目心得(CSS实现导航栏选项卡炫酷渐变效果以及图片替换文本显示)
- js实现文本框文本域光标处插入图片文本的插件(并且光标在插入内容的内容后显示)
- 替换textarea的文本编辑框的实现,可现实文字输入与显示图片、表情
- IOS 使用CoreText实现表情文本URL等混合显示控件
- GridView实现图片和文本的简单显示二
- IOS 使用CoreText实现表情文本URL等混合显示控件
- Android开发系列:怎么混合显示图片和文本
- 怎么混合显示图片和文本
- JavaFX实现图片显示,文本输入,表格显示
- IOS 使用CoreText实现表情文本URL等混合显示控件
- Android开发系列八:怎么混合显示图片和文本
- IOS 使用CoreText实现表情文本URL等混合显示控件
- 在设计代码里实现绑定字段不同值显示不同图片的代码
- div+pre标签的组合实现文本原格式显示与自动换行
- CSS实现多行文本溢出显示省略号
- 赵雅智_运用Bitmap和Canvas实现图片显示,缩小,旋转,水印
- 在MFC中显示Jpg格式图片的简单实现方法