官方文档示例演示【 ios & android 】



  • React-Native-Demo

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

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

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

    • 具体参见项目

    演示图例

    ios&android_01.png
    ios&android_02.png
    ios&android_03.png
    ios&android_04.png
    ios&android_05.png
    ios&android_06.png
    ios&android_07.png
    ios&android_08.png

    通过下面的二维码,可以在手机中安装体验 React-Native-Demo:

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


  • This post is deleted!


  • @cllemon官方文档示例演示【 ios & android 】 中说:

    于 react-native 官方文档,把文档所列出的

    牛皮👍👍👍



  • @guopeng1994 谢谢关注,将持续更新🎉



  • 最近写的一个项目: 一款 专注共享的图书 APP 【Android & IOS】 🎉🎉🎉


Log in to reply