React-Native-DemoНа основе официальной реактивной документации он реализует основные компоненты (краткие, простые в использовании и эффективные) и API, перечисленные в документации, и представляет их в виде демонстраций.
-
Цель — интуитивно ознакомиться с возможностями, предоставляемыми официалкой, сделать их более знакомыми с react-native и быть полностью готовым к разработке.
-
Он будет постоянно обновляться, чтобы поддерживать прогресс в соответствии с английским документом; он также будет включать некоторые сторонние библиотеки и некоторые компоненты, вызванные проектом, если возникнут какие-либо проблемы.Добро пожаловать для обмена и обсуждения.
-
Подробности смотрите в проекте
Легенда демонстрации
Посмотреть больше легенд
С помощью следующего QR-кода вы можете установить и испытать React-Native-Demo на своем мобильном телефоне:
QR код | описывать | |
---|---|---|
Android | 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