React-Native-Demo是基于 react-native 官方文档,把文档所列出的基本组件(简约、易用、高效) 和 API 完成一遍,并以演示的情势显现出来。
目标是为了直观的熟习官方供应了哪些才能,使之更熟习 react-native ,为开辟做好充足的预备。
将延续更新,坚持和英文文档进度一致;另还将收录一些第三方库和项目沉淀的一些组件,如有任何问题迎接交换议论。
详细拜见项目
演示图例
<details>
<summary>检察更多图例</summary>
</details>
经由过程下面的二维码,能够在手机中装置体验 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”
第三方框架
- [react-native(0.59.4)]()
- [react-native-fs]()
- [react-native-vector-icons]()
- [react-native-webview]()
- [react-navigation]()
更新进度
基本组件
- [x] View
- [x] Text
- [x] TextInput
- [x] Button
- [x] Image
- [x] ImageBackground
- [x] Slider
- [x] Switch
通用组件
- [x] ActivityIndicator
- [x] ScrollView
- [x] FlatList
- [x] SectionList
- [x] Modal
- [x] Picker
- [x] StatusBar
- [x] ViewPagerAndroid
- [x] TouchableHighlight
- [x] TouchableOpacity
- [x] TouchableWithoutFeedback
Component – Android
- [x] DrawerLayoutAndroid
- [x] ProgressBarAndroid
- [ ] ToolbarAndroid
Component – IOS
- [x] DatePickerIOS
- [x] MaskedViewIOS
- [x] PickerIOS
- [x] ProgressViewIOS
- [x] SegmentedControlIOS
- [ ] SafeAreaView
- [ ] SnapshotViewIOS
API – 交互
- [x] Alert
- [x] AccessibilityInfo
- [x] AppState
- [x] ToastAndroid
- [x] CameraRoll
- [x] Clipboard
- [x] Dimensions
- [x] DatePickerAndroid
- [ ] Geolocation
- [ ] AsyncStorage
- [x] ActionSheetIOS
- [ ] AppRegistry
- [ ] BackHandler
- [ ] ImageEditor
- [x] ImagePickerIOS
- [ ] ImageStore
- [ ] InteractionManager
- [ ] Keyboard
- [ ] Linking
- [ ] NetInfo
- [ ] PanResponder
- [x] PermissionsAndroid
- [ ] Settings
- [x] Share
- [ ] Systrace
- [x] TimePickerAndroid
- [ ] Vibration
API – 规划
- [x] FlexBox
API – 动画
- [ ] Animated
- [ ] Easing
- [ ] LayoutAnimation
API – 款式
- [ ] ImageStyle
- [ ] PixelRatio
- [ ] Shadow
- [ ] StyleSheet
- [ ] TextStyle
- [ ] Transforms
- [ ] ViewStyle