React-Native-Demo是基于 react-native 官方文档，把文档所列出的基础组件（简洁、易用、高效） 和 API 实现一遍，并以演示的形式呈现出来。
-
目的是为了直观的熟悉官方提供了哪些能力，使之更熟悉 react-native ，为开发做好充分的准备。
-
将持续更新，保持和英文文档进度一致；另还将收录一些第三方库和项目沉淀的一些组件，若有任何问题欢迎交流讨论。
-
具体参见项目
演示图例
查看更多图例
通过下面的二维码，可以在手机中安装体验 React-Native-Demo:
| 二维码 | 描述 | |
|---|---|---|
| Android |  |
reactNativeDemo.apk |
| IOS | ... | 👍 |
注：微信等扫码跳转，在浏览器打开允许下载即可。
第三方框架及开发环境
- 开发环境:
- macOS 10.14.3
- node "v8.8.0"
- react-native-cli "2.0.1"
- Android Studio "3.2"
- Xcode "10.2.1"
- 第三方框架
更新进度
-
基础组件
- View
- Text
- TextInput
- Button
- Image
- ImageBackground
- Slider
- Switch
-
通用组件
- ActivityIndicator
- ScrollView
- FlatList
- SectionList
- Modal
- Picker
- StatusBar
- ViewPagerAndroid
- TouchableHighlight
- TouchableOpacity
- TouchableWithoutFeedback
-
Component - Android
- DrawerLayoutAndroid
- ProgressBarAndroid
- ToolbarAndroid
-
Component - IOS
-
DatePickerIOS
-
MaskedViewIOS
-
PickerIOS
-
ProgressViewIOS
-
SegmentedControlIOS
-
SafeAreaView
-
SnapshotViewIOS
-
-
API - 交互
- Alert
- AccessibilityInfo
- AppState
- ToastAndroid
- CameraRoll
- Clipboard
- Dimensions
- DatePickerAndroid
- Geolocation
- AsyncStorage
- ActionSheetIOS
- AppRegistry
- BackHandler
- ImageEditor
- ImagePickerIOS
- ImageStore
- InteractionManager
- Keyboard
- Linking
- NetInfo
- PanResponder
- PermissionsAndroid
- Settings
- Share
- Systrace
- TimePickerAndroid
- Vibration
-
API - 布局
- FlexBox
-
API - 动画
- Animated
- Easing
- LayoutAnimation
-
API - 样式
- ImageStyle
- PixelRatio
- Shadow
- StyleSheet
- TextStyle
- Transforms
- ViewStyle
