React Native 样式声明和使用
React Native 不实现 CSS,而是依赖于 JavaScript 来为你的应用程序设置样式。这是一个有争议的决定,你可以阅读那些幻灯片,了解背后的基本原理。 声明样式在 React Native 中声明样式的方法如下: varstyles=StyleSheet.create({base:{ width:38,height:38,},background:{ backgroundColor:'#222222',active:{ borderWidth:2,borderColor:'#00ff00',});
所有的属性名称和值是工作在网络中的一个子集。对于布局来说,React Native实现了Flexbox。 使用样式所有的核心组件接受样式属性。 <Textstyle={styles.base}/><Viewstyle={styles.background}/> 它们也接受一系列的样式。 <Viewstyle={[styles.base,styles.background]}/> 行为与 最后,如果真的需要,您还可以在render中创建样式对象,但是这种做法非常不赞成。最后把它们放在数组定义中。<View style={[styles.base,{ width:this.state.width,height:this.state.width*this.state.aspectRatio }]} />
转载自:优聚知识共享平台 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |