用途:在开发 React Native 应用时,用 StyleSheet API、Flexbox 布局和响应式设计为组件设置样式,并构建跨平台、可主题化的设计体系。
主要能力:一是 StyleSheet.create() 创建优化样式,避免在渲染中新建对象;二是 Flexbox 布局,掌握默认的 column 方向、justifyContent、alignItems 及居中、行布局写法;三是响应式设计,用 Dimensions 按屏幕宽高比例或平板/手机断点设置尺寸;四是平台特定样式,用 Platform.OS 与 Platform.select 区分 iOS 阴影和 Android elevation、字体等;五是样式组合,通过数组传入样式并用条件表达式切换变体;六是设计令牌与主题,集中定义颜色、间距、排版、阴影,并用 React Context 实现明暗主题切换。
使用方式:以组件内 StyleSheet.create 定义样式,用 style={styles.x} 或数组组合引用;主题通过 ThemeProvider 与 useTheme 读取。文档还给出卡片变体、响应式网格、动画按钮等常见模式示例。
限制与注意事项:资料提示不应使用百分比设置宽高,应使用 flex 或具体尺寸;阴影需同时写 iOS 与 Android 属性;不要用 transform 做布局,应使用 margin/padding;不要硬编码颜色,应使用设计令牌。资料未提供具体安装命令、收费或版本信息。