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

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"

• 第三方框架
  • react-native(0.59.4)
  • react-native-fs
  • react-native-vector-icons
  • react-native-webview
  • react-navigation

更新进度

• 基础组件

  • 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