React-Native-Demo是基于 react-native 官方文档,把文档所列出的基础组件(简洁、易用、高效) 和 API 实现一遍,并以演示的形式呈现出来。

  • 目的是为了直观的熟悉官方提供了哪些能力,使之更熟悉 react-native ,为开发做好充分的准备。

  • 将持续更新,保持和英文文档进度一致;另还将收录一些第三方库和项目沉淀的一些组件,若有任何问题欢迎交流讨论

  • 具体参见项目

演示图例

React-Native 官方示例演示 ( ios & android)-脚本宝典
React-Native 官方示例演示 ( ios & android)-脚本宝典
ios&android_08.png

<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-Demo:

二维码 描述
Android demo_1.png 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

本文固定链接: http://www.js-code.com/ios/ios_52778.html