🍋 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