react-native-patterns - React Native 组件与交互设计模式指南
提供 React Native 组件与交互模式指南，涵盖 Pressable、FlashList、底部弹窗、无障碍设置、expo-image 与 Expo Router 路由导航。
标签
更新于: 2026-09-20能力
典型输入
典型输出
该技能可以做什么
- 实现 Pressable 触摸目标
- 使用 Text 包裹文本字符串
- 配置 ScrollView 容器
- 使用 FlashList 渲染列表
- 构建 Bottom Sheet 底部弹窗
- 使用 expo-image 展示图片
- 配置无障碍属性
- 构建对话式 UI 组件
- 使用 Expo Router 处理导航
输入
- React Native 代码文件
- 交互屏幕设计需求
- 组件规格说明
输出
- React Native 组件代码
- UI 布局结构
- 无障碍属性配置
- 路由导航代码
要求
- React Native 运行环境
- Expo Router 框架
- @gorhom/bottom-sheet 依赖包
- expo-image 依赖包
- FlashList 依赖包