React Native 之Text 在字符串中插入图像
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from "react";
import {
AppRegistry,
StyleSheet,
Image,
Text,
TouchableHighlight,
View
} from "react-native";
export default class ViewProject extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
welcome to <Image source={require("./img/icon.png")} style={styles.imageInTextStyle}/>
React Native
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex:1,
justifyContent: "center",
alignItems:"center"
},
welcome:{
fontSize:40,
textAlign:"center",
margin:5
},
imageInTextStyle:{
width:100,
height:100,
resizeMode:"cover"
}
});
AppRegistry.registerComponent("ViewProject", () => ViewProject);
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。
- 上一篇: [React Native]访问操作系统剪贴板 Clipboard
- 下一篇: 数组的定义与内存的划分
