React Native
来源:互联网 发布:如何自学程序员 编辑:程序博客网 时间:2024/05/18 19:39
import React, { Component } from 'react'
import {
AppRegistry,
StyleSheet,
Text,
View,
} from 'react-native'
class Good extends Component {
render() {
return (<Text style={styles.welcome}>hellow word</Text>)
}
}
const Nood=()=>{
return(<Text style={styles.welcome}>hellow color</Text>)
}
class App extends Component {
render() {
return (
<View style={styles.container}>
<Good />
<Nood />
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
color:'#0066ff'
},
})
import {
AppRegistry,
StyleSheet,
Text,
View,
} from 'react-native'
class Good extends Component {
render() {
return (<Text style={styles.welcome}>hellow word</Text>)
}
}
const Nood=()=>{
return(<Text style={styles.welcome}>hellow color</Text>)
}
class App extends Component {
render() {
return (
<View style={styles.container}>
<Good />
<Nood />
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
color:'#0066ff'
},
})
AppRegistry.registerComponent('App', () => App)
React Native参考
阅读全文
0 0
- react native
- React Native
- React Native
- React- Native
- react-native
- React Native
- React Native
- react native
- React Native
- react-native
- React Native
- react native
- React Native
- React Native
- React Native
- React Native
- react native
- React Native
- 利用Python网络爬虫抓取韩寒博客推荐第一篇(urllib的简单使用与Beautifulsoup实战,i/o编程)
- Shiro-006
- Asp.Net 导出 Excel 数据的9种方案
- Linux内核编译
- 将json 中的数据简单按照表格显示
- React Native
- 常用 git命令
- Struts2_表单数据验证(基于手工)
- 34套Java项目教程+源码包含Java swing项目 Java web项目 Java控制台项目(视频教程+源码)
- 华为与WorldRemit达成协议:在非洲可以使用手机进行转账
- STM32用IAR调试出现Error[Pe020]: identifier "FILE" is undefined 解决方法
- 如何在新智能背景下重构各个领域的生态系统
- Shrio-007
- Hadoop Map/Reduce执行流程详解