React Native 流水账
发布时间:2020-12-15 04:44:50 所属栏目:百科 来源:网络整理
导读:流水账的重点在于简单介绍下React-Native(iOS)的根基文件 - index.ios.js React基础 var { AppRegistry,StyleSheet,Text,View,} = React; 以上是应用中会用到的“组件列表”,既然是组件(component)那自然带了组件的特性: 模块化 复用性 可组合嵌套 其他
流水账的重点在于简单介绍下React-Native(iOS)的根基文件 -> React基础var { AppRegistry,StyleSheet,Text,View,} = React; 以上是应用中会用到的“组件列表”,既然是组件(component)那自然带了组件的特性:
其他常用的组件还有 render函数var AwesomeProject = React.createClass({ render: function() { return ( <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native! </Text> <Text style={styles.instructions}> To get started,edit index.ios.js </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'n'} Cmd+D or shake for dev menu </Text> </View> ); } }); 整个render函数的作用就是创建一个 样式组件自然有样式属性,这个属性的阐述通过styles列表来阐述: var styles = StyleSheet.create({ container: { flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},welcome: { fontSize: 20,textAlign: 'center',margin: 10,instructions: { textAlign: 'center',color: '#333333',marginBottom: 5,}); 这里引入了Flexbox的排版理念的属性flex,可以主要研究下~~ 注册组件应用开启需要声明第一个组件的名字: AppRegistry.registerComponent('AwesomeProject',() => AwesomeProject); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |