ReactNative: 了解ReactNative框架提供的全部内容

Posted 2021-03-19 xyq-208910

在RN开发中，ReactNative框架中提供了大量的API、组件以及插件等提供开发者使用，在前面已经大概介绍了一些。详情的内容如下所示。

1、组件部分：

// Components
get AccessibilityInfo() { return require(‘AccessibilityInfo‘); },
get ActivityIndicator() { return require(‘ActivityIndicator‘); },
get ART() { return require(‘ReactNativeART‘); },
get Button() { return require(‘Button‘); },
get DatePickerios() { return require(‘DatePickerIOS‘); },
get DrawerLayoutandroid() { return require(‘DrawerLayoutAndroid‘); },
get FlatList() { return require(‘FlatList‘); },
get Image() { return require(‘Image‘); },
get ImageEditor() { return require(‘ImageEditor‘); },
get ImageStore() { return require(‘ImageStore‘); },
get KeyboardAvoidingView() { return require(‘KeyboardAvoidingView‘); },
get ListView() { return require(‘ListView‘); },
get Modal() { return require(‘Modal‘); },
get NavigatorIOS() { return require(‘NavigatorIOS‘); },
get Picker() { return require(‘Picker‘); },
get PickerIOS() { return require(‘PickerIOS‘); },
get ProgressBarAndroid() { return require(‘ProgressBarAndroid‘); },
get ProgressViewIOS() { return require(‘ProgressViewIOS‘); },
get ScrollView() { return require(‘ScrollView‘); },
get SectionList() { return require(‘SectionList‘); },
get SegmentedControlIOS() { return require(‘SegmentedControlIOS‘); },
get Slider() { return require(‘Slider‘); },
get SnapshotViewIOS() { return require(‘SnapshotViewIOS‘); },
get Switch() { return require(‘Switch‘); },
get RefreshControl() { return require(‘RefreshControl‘); },
get StatusBar() { return require(‘StatusBar‘); },
get SwipeableListView() { return require(‘SwipeableListView‘); },
get TabBarIOS() { return require(‘TabBarIOS‘); },
get Text() { return require(‘Text‘); },
get TextInput() { return require(‘TextInput‘); },
get ToastAndroid() { return require(‘ToastAndroid‘); },
get ToolbarAndroid() { return require(‘ToolbarAndroid‘); },
get Touchable() { return require(‘Touchable‘); },
get TouchableHighlight() { return require(‘TouchableHighlight‘); },
get TouchableNativeFeedback() { return require(‘TouchableNativeFeedback‘); },
get TouchableOpacity() { return require(‘TouchableOpacity‘); },
get TouchableWithoutFeedback() { return require(‘TouchableWithoutFeedback‘); },
get View() { return require(‘View‘); },
get ViewPagerAndroid() { return require(‘ViewPagerAndroid‘); },
get VirtualizedList() { return require(‘VirtualizedList‘); },
get WebView() { return require(‘WebView‘); },

2、API部分

// APIs
get ActionSheetIOS() { return require(‘ActionSheetIOS‘); },
get AdSupportIOS() { return require(‘AdSupportIOS‘); },
get Alert() { return require(‘Alert‘); },
get AlertIOS() { return require(‘AlertIOS‘); },
get Animated() { return require(‘Animated‘); },
get AppRegistry() { return require(‘AppRegistry‘); },
get AppState() { return require(‘AppState‘); },
get AsyncStorage() { return require(‘AsyncStorage‘); },
get BackAndroid() { return require(‘BackAndroid‘); }, // deprecated: use BackHandler instead
get BackHandler() { return require(‘BackHandler‘); },
get CameraRoll() { return require(‘CameraRoll‘); },
get Clipboard() { return require(‘Clipboard‘); },
get DatePickerAndroid() { return require(‘DatePickerAndroid‘); },
get DeviceInfo() { return require(‘DeviceInfo‘); },
get Dimensions() { return require(‘Dimensions‘); },
get Easing() { return require(‘Easing‘); },
get I18nManager() { return require(‘I18nManager‘); },
get ImagePickerIOS() { return require(‘ImagePickerIOS‘); },
get InteractionManager() { return require(‘InteractionManager‘); },
get Keyboard() { return require(‘Keyboard‘); },
get LayoutAnimation() { return require(‘LayoutAnimation‘); },
get Linking() { return require(‘Linking‘); },
get NativeEventEmitter() { return require(‘NativeEventEmitter‘); },
get NetInfo() { return require(‘NetInfo‘); },
get PanResponder() { return require(‘PanResponder‘); },
get PermissionsAndroid() { return require(‘PermissionsAndroid‘); },
get PixelRatio() { return require(‘PixelRatio‘); },
get PushNotificationIOS() { return require(‘PushNotificationIOS‘); },
get Settings() { return require(‘Settings‘); },
get Share() { return require(‘Share‘); },
get StatusBarIOS() { return require(‘StatusBarIOS‘); },
get StyleSheet() { return require(‘StyleSheet‘); },
get Systrace() { return require(‘Systrace‘); },
get TimePickerAndroid() { return require(‘TimePickerAndroid‘); },
get TVEventHandler() { return require(‘TVEventHandler‘); },
get UIManager() { return require(‘UIManager‘); },
get Vibration() { return require(‘Vibration‘); },
get VibrationIOS() { return require(‘VibrationIOS‘); },

3、插件部分

// Plugins
get DeviceEventEmitter() { return require(‘RCTDeviceEventEmitter‘); },
get NativeAppEventEmitter() { return require(‘RCTNativeAppEventEmitter‘); },
get NativeModules() { return require(‘NativeModules‘); },
get Platform() { return require(‘Platform‘); },
get processColor() { return require(‘processColor‘); },
get requireNativeComponent() { return require(‘requireNativeComponent‘); },

5、类型部分

// Prop Types
get ColorPropType() { return require(‘ColorPropType‘); },
get EdgeInsetsPropType() { return require(‘EdgeInsetsPropType‘); },
get PointPropType() { return require(‘PointPropType‘); },
get ViewPropTypes() { return require(‘ViewPropTypes‘); },

6、弃用部分

// Deprecated
get Navigator() {
    invariant(
      false,
      ‘Navigator is deprecated and has been removed from this package. It can now be installed ‘ +
      ‘and imported from `react-native-deprecated-custom-components` instead of `react-native`. ‘ +
      ‘Learn about alternative navigation solutions at http://facebook.github.io/react-native/docs/navigation.html‘
    );
    return null;
},