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