React Native

环境搭建

组件

• View
• Text
• Image
• ScrollView
• TextInput
• FlatList SectionList
• ImageBackground
• KeyboardAvoidingView
• Modal
• Pressable
• RefreshControl 下拉刷新
• StatusBar
• TouchableHighlight
• TouchableOpacity
• TouchableWithoutFeedback

样式

• StyleSheet.create({})
• flex
• <Image source={require('./my-icon.png')} />

React Native Paper

• ActivityIndicator 加载中
• Appbar 标题栏
• Avatar 头像
• Badge 角标
• Banner 顶部横幅
• BottomNavigation 导航栏
• Button
  • SegmentedButtons 分段
  • IconButton 图标
  • FAB 悬浮按钮
  • ToggleButton 选中
• card
• Checkbox
• Chip tag
• DataTable
• Dialog 弹窗
• Divider 分割线
• Drawer 抽屉
• HelperText
• Icon
• list
• menu
• Modal
• ProgressBar
• RadioButton
• Searchbar
• Surface 悬浮效果
• Switch
• Text
• TextInput
• Tooltip
• TouchableRipple
• Snackbar