React Native实现图片文本混合显示_react-native 图文混排_H_Ydd的博客-程序员秘密

技术标签: react-native  react native  图文混合显示  

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,
      },
});
实现图片文本混合显示的做法本质上是利用了文本的嵌套功能。


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/H_Ydd/article/details/77450525

智能推荐

Latex 学习笔记(一)_latex scale_aventaorss的博客-程序员秘密

Latex 插入图片\usepackage{graphicx}%使用画图宏包\usepackage{epstopdf}% .eps转为.pdf格式正文里插入图片指令\begin{figure}[htbp]\

gmm em 图像分割 matlab,EM方法解高斯混合模型(GMM)Matlab实现_照月鱼yoyi的博客-程序员秘密

背景:PRML 第9章 9.2Mixtures of Gaussians 中算法实现 function model = gmmEM(data,K,option)%% K 为model数% Reference: PRML p438-439ticif nargin &lt; 3option.eps = 1e-12;option.maxiter = 1000;endglobal num_data K...

【解决】如何将腾讯QLV格式的视频转换成MP4_腾讯视频的qlv怎么转换成mp4格式_COCO56(徐可可)的博客-程序员秘密

文章目录1. 按2. 详细步骤3. 下载地址1. 按很多人都用腾讯视频观看电影、电视及各种视频,很多时候,看到精彩的视频想把它们保存下来,下载下来是qlv格式,即使使用强大的播放器PotPlayer:最最最最好用的影音播放器,也无法解码。只有腾讯视频播放器才能播放,这太郁闷了,有没有办法转换成其它一般格式比如MP4、FLV等?格式工厂可以?有使用过格式工厂的网友都知道,qlv格式是无法...

(一)iOS平台简介_再见依然的博客-程序员秘密

先来对iOS系统做一个简单的简介。iOS是有OSX演化而来的。而OSX则是基于UNIX操作系统的。那么我们可以通过filesystem hierarchy standard 来一窥iOS 的目录结构(没有用过的UNIX系统,但做过一段时间的运维)。首先来看看它的目录结构:1)/:根目录,以斜杠表示,其他所有目录和文件都在根目录下zhen

数据库中char varchar nchar nvarchar的区别_瑞 新的博客-程序员秘密

我们在进行数据库的设计的时候,很多情况下表中的字段都是用的是字符串类型的数据,其中就有四种选择char varchar nchar nvarchar,我们该如何进行?char固定长度,非Unicode字符数据(对英文(ASCII)字符占用1个字节,对一个汉字占用2个字节)。用来存储定长数据,长度为n个字节,n的取值范围为1至8,000,存储大小是n个字节。varchar可变长度,非U...

ASP.NET Core 网站发布到Linux服务器(转)_weixin_33726943的博客-程序员秘密

出处;ASP.NET Core 网站发布到Linux服务器长期以来,使用.NET开发的应用只能运行在Windows平台上面,而目前国内蓬勃发展的互联网公司由于成本的考虑,大量使用免费的Linux平台,这就使得.NET空有一身绝技但无法得到广大的施展空间,.NET平台被认为只适合开发企业内部应用系统。2016年6月27日,微软正式发布.NET Core 1.0、ASP.NET 1.0和Ent...

随便推点

高性能计算(HPC)网络市场分析报告解析(含报告)_架构师技术联盟的博客-程序员秘密

Intersect360对HPC用户现网系统中三个应用领域(系统互联、存储网络和局域网LAN)的网络类型和供应商的情况进行调研,调查的主要结果包括:以太网和InfiniB...

NI 数据采集卡,labview编程,很低模拟量,高速计数,脉冲信号的采集和数据转换_ni 脉冲信号_「已注销」的博客-程序员秘密

NI 数据采集卡,labview编程,很低模拟量,高速计数,脉冲信号的采集和数据转换!曲线实时显示和EXCEL存储!_:9158641992832779labview十年工控

HTML+JavaScript小练习之简易计算器_html简易计算器框删除0_Cz20072009kM的博客-程序员秘密

计算器应该是所有图形化程序开发学习中最适合上手的一个小项目了,之前学习Java Swing和Android的时候也是从开发计算器开始做起,这一次使用HTML和JavaScript开发一个功能简单的web计算器吧

VUE 2.6/3.0所有组件通信方式盘点,总有你不知道的_vue3.0 interface_一个程序员的自我修养/的博客-程序员秘密

下面我们就开始用代码(一言不合就上代码)详细的介绍vue组件传值的N种方式方式一:普通父子传值与接收通过props,$emit实现传递父组件的代码&lt;template&gt; &lt;div id="container"&gt; &lt;Child :msg="text"&gt;&lt;/Child&gt; &lt;/div&gt;&lt;/template&gt;&lt;script&gt;import Child from "...

类似帝国时代的java游戏_有哪些类似《帝国时代》系列的好游戏推荐?_歌者曼曼的博客-程序员秘密

既然是类似“帝国时代”,那我个人首先把魔兽3等有英雄,有主动技能的即时战略游戏排除,因为我个人认为适合人群不完全一致。而《地球帝国》和帝国时代虽像,但除了时代多,跨度大,其实和帝国时代区别比较小。所以我在这里推荐《神话时代》。这个是原版封面,后来还有资料片,建议直接下载最新的资料片“龙之传说”我只说几个亮点,当然是和《帝国时代2》比较,因为时代相对同期。(PS:才知道后来又出了个中国文明,由于未玩...

iOS之深入探究多线程实现、线程安全和线程死锁_ios 线程安全 字典_╰つ栺尖篴夢ゞ的博客-程序员秘密

一、线程与进程① 线程与进程的定义线程线程是进程的基本执行单元,一个进程的所有任务都在线程中执行;进程要想执行任务,必须得有线程,进程至少要有一条线程;程序启动会默认开启一条线程,这条线程被称为主线程或者 UI 线程。进程进程是指在系统中正在运行的一个应用程序;每个进程之间是独立的,每个进程均运行在其专用的且受保护的内存空间内;通过“活动监视器”可以查看 mac 系统中所开启的线程。② 线程与进程的关系地址空间:同一进程的线程共享本进程的地址空间,而进程之间则是独立的