React Native 中文版React Native 官网首页介绍React Native入门安装 Android 运行环境React Native 快速开发应用React Native样式React Native 手势应答系统React Native 辅助功能Native 模块(iOS)Native 模块(Android)Native UI 组件(iOS)Native UI 组件(Android)React Native 链接库React Native 应用调试React Native 测试在设备上运行(iOS)在设备上运行(Android)与现有的应用程序集成React Native JavaScript环境React Native 已知IssuesReact Native iOS活动指示器React Native iOS日期选择器React Native DrawerLayoutAndroidReact Native 图像React Native 列表视图React Native Map视图React Native 导航器React Native iOS导航器React Native iOS选择器React Native ProgressBarAndroidReact Native 滚动视图React Native iOS滑块React Native SwitchAndroidReact Native iOS开关React Native iOS选项卡React Native TabBarIOS.ItemReact Native 文本React Native 文本输入React Native ToolbarAndroidReact Native 高亮触摸React Native 不透明触摸React Native 无反馈触摸React Native 视图React Native Web视图APIs iOS警告APIs 应用程序注册表APIs iOS应用程序状态APIs 异步存储APIs BackAndroidAPIs 相机滚动APIs 交互管理器APIs iOS链接APIs 网络信息APIs 全景响应器APIs 像素比率APIs iOS推送通知APIs iOS状态栏APIs 样式表APIs ToastAndroidAPIs iOS震动React Native FlexboxReact Native 定位React Native 网络React Native 计时器
APIs 样式表
一个样式表是一个类似于css样式表的抽象体
创建一个新的样式表：
var styles = StyleSheet.create({
container: {
borderRadius: 4,
borderWidth: 0.5,
borderColor: '#d6d7da',
},
title: {
fontSize: 19,
fontWeight: 'bold',
},
activeTitle: {
color: 'red',
},
});
使用样式表：
<View style={styles.container}>
<Text style={[styles.title, this.props.isActive && styles.activeTitle]} />
</View>
代码质量：
- 通过移动样式渲染功能，你可以是你的代码理解起来更容易。
- 对样式进行命名，对在渲染功能的低水平组件中添加意义是一个很好的方式。
性能：
- 在样式对象中使用一个样式表可以使得通过ID对它进行参考成为可能，而不是每一次都创建一个新的样式对象。
- 它还允许通过桥梁对样式进行一次发送。所有后续的使用都是通过id（尚未实施）。
方法
static create(obj: {[key: string]: any})
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
目录选择