React-Native
文章平均质量分 71
石格尔
这个作者很懒,什么都没留下…
展开
-
【RN中的数据类型与判空】
js中有六种数据类型,包括五种基本数据类型(Number,String,Boolean,Undefined,Null),和一种复杂数据类型(Object)。我们可以使用typeof操作符来判断响应参数的设备类型。let a = [];if ( typeof a === 'object' ) console.log('是object');需要注意的是,在js中,所以的聚合数据类型都是以object来表示,包括list,dic 和 set,那么,该如何区分list和dic呢?这里我们就要区分list和d原创 2022-01-12 15:11:00 · 1270 阅读 · 0 评论 -
RN与Android的交互
Android端接口RN端向Android侧通信可以通过Android侧的接口来实现。实现接口Android侧的接口都需要继承ReactContextBaseJavaModule类,如下:class MyModule extends ReactContextBaseJavaModule { @NonNull @Override public String getName() { return "MyModule"; } // 1 @ReactMethod原创 2020-12-05 10:55:03 · 1046 阅读 · 0 评论 -
RN——回调函数的多种书写方法
回调函数的多种书写方法回调函数存在多种书写方法,如下所示:<InputText onChangeText={(newText) => {this.update(newText)}} // 1 //onChangeText={this.update} 2 //onChangeText={this.update(newText)} 3/>最常见的是第一种写法。第二种写法,我们无法从代码上看到 newText参数的传递,但它还是被传递了,它的可读性会差一些。第二种写法的u原创 2020-12-04 17:29:43 · 1242 阅读 · 0 评论 -
RN——setState与状态机思维
state与状态机思维React将每一种UI的状态都看做为一个简单的状态机,那么任意一个UI场景就是状态机中的一种状态。(//TODO: 对于某些状态来说,状态的转化时危险的情况呢?)根据决定状态的状态机变量的值,React框架渲染出状态机的当前状态——对于开发者来说,单个UI场景就被渲染出来了。随着状态机变量值的变化,UI状态机也在不停的改变状态,UI场景也随着不断渲染。这样一个过程可以很轻松的做到数据与UI保持一致。在RN的开发中,开发者需要将状态机变量视为“不可变的常量”,在开发者的代码中,永远原创 2020-12-04 16:47:38 · 534 阅读 · 0 评论 -
RN react-navigation详解
react-navigation页面跳转也是根据路由来执行的,很意外的和ARouter的实现极其类似,只要在一个集中式的路由注册控制中进行相应的声明就可以做到,很简单。react-navigation 是目前RN官方建议使用的导航组件,它分为三种导航方式:栈式导航、标签导航和抽屉式导航。其中栈式导航和标签导航可以嵌套调用栈式导航——StackNavigator栈式导航就好像将一个个界面放入在一个栈中一样。只有在栈顶的界面对用户是可见的。它可以轻松的实现出Android的活动栈的效果。StackNav原创 2020-11-20 16:22:47 · 763 阅读 · 0 评论 -
RN BackHandler ——Android回退键自定义
【RN中自定义Android回退行为】在React-Native项目中为Android的返回键定义自定义的行为,BackAndroid控件已被禁用,所以使用BackHandler控件进行。简单使用BackHandler API 用于监听设备上的后退按钮事件,可以调用你自己的函数来处理后退行为。此 API 仅能在 Android 上使用。一般说来,我们为android键添加自定义的响应函数(例如,返回的时候弹出一个警示框告诉你要返回),只要在类中的注册对回退键的监听即可,如下面的代码段所示:class原创 2020-11-11 20:03:50 · 829 阅读 · 0 评论