React-Native-DemoReact-native is based on the official document, which implements the basic components (simple, easy to use, efficient) and APIS listed in the document, and presents them in the form of a demonstration.

  • The purpose is to intuitively understand the capabilities provided by the official, so that it can be more familiar with React-Native and fully prepared for development.

  • Will continue to update, keep consistent with the Progress of the English document; It will also include some third-party libraries and some components deposited by the project in case of any problemsWelcome to exchange and discuss.

  • See project for details

Demonstrate the legend

See more legends

Install the React-native Demo on your phone with the following QR code:

Qr code describe
Android
reactNativeDemo.apk
IOS . 👍

Note: Wechat scan code jump, open in the browser to allow download.

Third-party frameworks and development environments

  • Development environment:
    • MacOS 10.14.3
    • The node v8.8.0 “”
    • The react – native – cli 2.0.1 “”
    • Android Studio “3.2”
    • Xcode 10.2.1 “”
  • Third Party Framework
    • The react – native (0.59.4)
    • react-native-fs
    • react-native-vector-icons
    • react-native-webview
    • react-navigation

Update progress

  • Based on the component

    • View
    • Text
    • TextInput
    • Button
    • Image
    • ImageBackground
    • Slider
    • Switch
  • Common component

    • 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 – interaction

    • 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 – layout

    • FlexBox
  • API – animation

    • Animated
    • Easing
    • LayoutAnimation
  • API – style

    • ImageStyle
    • PixelRatio
    • Shadow
    • StyleSheet
    • TextStyle
    • Transforms
    • ViewStyle