🍋 Официальный образец демо-версии React-Native (iOS и Android)

React Native
🍋 Официальный образец демо-версии React-Native (iOS и Android)

React-Native-DemoНа основе официальной реактивной документации он реализует основные компоненты (краткие, простые в использовании и эффективные) и API, перечисленные в документации, и представляет их в виде демонстраций.

  • Цель — интуитивно ознакомиться с возможностями, предоставляемыми официалкой, сделать их более знакомыми с react-native и быть полностью готовым к разработке.

  • Он будет постоянно обновляться, чтобы поддерживать прогресс в соответствии с английским документом; он также будет включать некоторые сторонние библиотеки и некоторые компоненты, вызванные проектом, если возникнут какие-либо проблемы.Добро пожаловать для обмена и обсуждения.

  • Подробности смотрите в проекте

Легенда демонстрации

ios&android_06.png
ios&android_07.png
ios&android_08.png

Посмотреть больше легенд

ios&android_01.png
ios&android_02.png
ios&android_03.png
ios&android_04.png
ios&android_05.png

С помощью следующего QR-кода вы можете установить и испытать React-Native-Demo на своем мобильном телефоне:

QR код описывать
Android
demo_1.png
reactNativeDemo.apk
IOS ... 👍

Примечание: Wechat и т. д. отсканируйте код для перехода, откройте его в браузере и разрешите загрузку.

Сторонние рамки и среды развития

  • Среда разработки:
    • 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