用途:在使用 React Native 核心组件构建界面、并创建可复用自定义组件时使用该技能。
主要能力:介绍映射到原生视图的平台无关核心组件,包括 View、Text、Image、ScrollView、TextInput、TouchableOpacity、SafeAreaView;讲解自定义组件封装(如 Container、Heading、Body、Card、FormInput);给出列表与交互的常见模式,如 FlatList 长列表、下拉刷新 RefreshControl、无限滚动 onEndReached、Modal 弹窗;并提供组件组合与 StyleSheet 样式写法。
使用方式:按资料中的示例,从 react-native 导入核心组件并在 JSX 中使用;文本需包裹在 Text 内;长列表用 FlatList 并配置 keyExtractor、renderItem 及性能参数(removeClippedSubviews、maxToRenderPerBatch、updateCellsBatchingPeriod、initialNumToRender、windowSize);触摸交互推荐 Pressable,或使用 TouchableOpacity;iOS 刘海屏建议使用 SafeAreaView;静态样式建议用 StyleSheet.create 而非内联对象。
适用场景:构建 React Native 移动端界面、列表、表单输入、弹窗与可复用 UI 组件。
限制与注意:资料指出应避免嵌套 ScrollView、避免用索引作为 key、FlatList 必须提供 keyExtractor,避免为静态值使用内联样式。资料未提供安装命令、收费、价格、平台版本或性能基准等信息,暂未提供。相关技能:react-native-styling、react-native-navigation、react-native-performance。