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

在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;
},

原文地址:https://www.cnblogs.com/XYQ-208910/p/12108498.html

时间: 2024-07-30 15:50:21

ReactNative: 了解ReactNative框架提供的全部内容的相关文章

未找到具有固定名称“System.Data.SQLite”的 ADO.NET 提供程序的实体框架提供程序

用户代码未处理 System.InvalidOperationException   HResult=-2146233079   Message=未找到具有固定名称"System.Data.SQLite"的 ADO.NET 提供程序的实体框架提供程序.请确保在应用程序配置文件的"entityFramework"节中注册了该提供程序.有关详细信息,请参阅 http://go.microsoft.com/fwlink/?LinkId=260882.   Source=E

07-使用框架提供的自动建表(没有提供配置文件)

4.2  使用activiti框架自动建表功能 框架提供了和hibernate类似的自动建表功能. 搭建开发环境: 第一步:创建一个web(我们这个框架不是必须依赖tomcat这个容器才可以运行)/java项目activiti1110,如果它是一个struts框架,那就必须创建一个web项目(struts是表现层的一个框架,需要web容器提供支持) 可以使用例子项目的JAR包(不必吝啬) Build Path->Add to Build Path的效果是把JAR包加入构建路径里面,其实就是把JA

06-使用框架提供的建表语句创建数据库表

4.    初始化表结构 4.1  使用activiti框架提供的建表语句 * 第一步:获得建表语句 *  第二步:创建一个数据库 * 第三步:进入当前数据库中 4.2  使用activiti框架的自动建表功能  类似于我们学过的hibernate,它可以自动建表 hbm2ddl.auto = update

010. 使用.net框架提供的属性

C#允许在类和类成员上声明特性(类), 可在运行时解释类和类的成员. 这个特性也称为属性, 使用Attribute.下面演示如何使用.net框架提供的属性. 1 using System; 2 using System.Reflection; 3 public partial class _Default : System.Web.UI.Page 4 { 5 //自定义属性类 6 [AttributeUsage(AttributeTargets.Class, AllowMultiple = tr

无法为具有固定名称“System.Data.SqlClient”的 ADO.NET 提供程序加载在应用程序配置文件中注册的实体框架提供程序类型“System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer”。请确保使用限定程序集的名称且该程序集对运行的应用程序可用。有关详细信息,请参阅 http://go.m

Windows服务中程序发布之后会如下错误: 无法为具有固定名称"System.Data.SqlClient"的 ADO.NET 提供程序加载在应用程序配置文件中注册的实体框架提供程序类型"System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer".请确保使用限定程序集的名称且该程序集对运行的应用程序可用.有关详细信息,请参阅 http://go.microsoft.com

【坑】不要使用各种框架提供的内部List

为了代码简洁有时我们会使用一些框架提供的工具类.如 import org.apache.commons.collections.ListUtils; package java.util.Collections; List<String> strList = ListUtils.EMPTY_LIST; List<String> strList1 = Collections.emptyList(); 实际该空List是个内部类,没有实现add等方法,使用时会报错. /** * {@in

Node.js是什么?提供了哪些内容?

什么是Node.js? Node.js是基于Chrome V8 引擎的 JavaScript运行时(运行环境). Node.js提供了哪些内容? Node.js运行时,JavaScript代码运行时的环境. 提供了一些核心模块,应用程序编程接口(Application Program Interface, API) 官方API文档 https://nodejs.org/dist/latest-v12.x/docs/api/ 国内API文档 http://nodejs.cn/api/ 交互式解析器

ReactNative For Android 框架启动核心路径剖析

版权声明:本文由王少鸣原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/144 来源:腾云阁 https://www.qcloud.com/community 前面给大家分析过 ReactNative For Android (RN4A) 的通信机制,这次我们从源码出发,分析下RN4A的启动过程.启动过程基于通信机制,涉及通信机制原理大家可以查看前一篇文章,本篇不赘述. 上面是2016 React.js Conf FB 工

react-native 使用react-native run-android 启动项目 报错 Android project not found

react-native 项目意外关闭  重新启动项目  启动命令   react-native run-android   然后 项目报错 Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider s