rn-styling - 使用 NativeWind 与 BrandColors 的 React Native 样式指南
提供使用 NativeWind 处理布局与 BrandColors 管理语义化主题颜色的 React Native 样式开发指南。
标签
更新于: 2026-09-20能力
典型输入
典型输出
该技能可以做什么
- 应用混合样式开发模式
- 实现主题感知颜色切换
- 配置跨平台 UI 样式
- 处理安全区域与键盘避让
- 应用响应式断点与动画样式
输入
- React Native 代码库
- BrandColors 颜色定义
- NativeWind 配置
输出
- 带样式的 React Native 组件代码
- 主题感知的布局组件
要求
- React Native 或 Expo 环境
- NativeWind 依赖库
- react-native-safe-area-context 依赖库