React-Native 官方示例演示 ( ios & android)

React-Native-Demo是基于 react-native 官方文档,把文档所列出的基本组件(简约、易用、高效) 和 API 完成一遍,并以演示的情势显现出来。

  • 目标是为了直观的熟习官方供应了哪些才能,使之更熟习 react-native ,为开辟做好充足的预备。

  • 将延续更新,坚持和英文文档进度一致;另还将收录一些第三方库和项目沉淀的一些组件,如有任何问题迎接交换议论

  • 详细拜见项目

演示图例

《React-Native 官方示例演示 ( ios & android)》
《React-Native 官方示例演示 ( ios & android)》
《React-Native 官方示例演示 ( ios & android)》

<details>
<summary>检察更多图例</summary>

《React-Native 官方示例演示 ( ios & android)》
《React-Native 官方示例演示 ( ios & android)》
《React-Native 官方示例演示 ( ios & android)》
《React-Native 官方示例演示 ( ios & android)》
《React-Native 官方示例演示 ( ios & android)》
</details>

《React-Native 官方示例演示 ( ios & android)》

经由过程下面的二维码,能够在手机中装置体验 React-Native-Demo:

二维码形貌
Android《React-Native 官方示例演示 ( ios & 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
    原文作者:cllemon
    原文地址: https://segmentfault.com/a/1190000019017711
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞