React Native学习笔记
文章平均质量分 92
Donkey..
这个作者很懒,什么都没留下…
展开
-
React Native桥接Android模块-RN获取Activity回调
React Native桥接Android模块-RN获取Activity回调1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; private static final int REQUEST_CODE = 1; public...原创 2020-04-20 14:29:06 · 1066 阅读 · 0 评论 -
React Native桥接Android模块-多线程RNDeviceEventEmitter方式
React Native桥接Android模块-多线程RNDeviceEventEmitter方式1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; public RNManagerModule(ReactApplicationCon...原创 2020-03-02 13:58:11 · 1132 阅读 · 0 评论 -
React Native桥接Android模块-RNDeviceEventEmitter方式
React Native桥接Android模块-RNDeviceEventEmitter方式1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; public RNManagerModule(ReactApplicationContex...原创 2020-03-02 13:51:53 · 896 阅读 · 0 评论 -
React Native桥接Android模块-callback回调方式
React Native桥接Android模块-callback回调方式1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; public RNManagerModule(ReactApplicationContext reactCon...原创 2020-03-02 13:35:53 · 897 阅读 · 0 评论 -
React Native桥接Android模块-用Promise机制调用安卓原生代码
React Native桥接Android模块-用Promise机制调用安卓原生代码1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; public RNManagerModule(ReactApplicationContext re...原创 2020-03-02 11:59:49 · 1170 阅读 · 2 评论 -
React Native桥接Android模块-Activity
React Native桥接Android模块-Activity1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; public RNManagerModule(ReactApplicationContext reactContext...原创 2020-03-02 11:50:51 · 754 阅读 · 0 评论 -
React Native桥接Android模块-Toast
React Native桥接Android模块-Toast1.创建模块类public class RNManagerModule extends ReactContextBaseJavaModule { private Context mContext; public RNManagerModule(ReactApplicationContext reactContext) {...原创 2019-12-06 17:29:38 · 338 阅读 · 0 评论 -
react-native redux-含源码
1.redux 到底是什么呢其实就是用来统一管理整个应用 State 的, 将所有的 state 变化进行统一的流程处理, 使应用的 state变化清晰可见.Redux提供一种存储整个应用状态到一个地方的解决方案(可以理解为统一状态层),这个存储所有应用状态的地方称为“store”。① 组件发生事件(action)时不会再 setState, 而是将事件(action)通知给store,由 ...原创 2019-11-01 16:29:09 · 169 阅读 · 0 评论 -
react-native-splash-screen
用于解决iOS和Android启动白屏问题及简单的启动页面展示参考链接:react-native-splash-screen初探一、自动下载安装1.在项目根目录下运行yarn add react-native-splash-screen2.在项目根目录下运行react-native link react-native-splash-screen二、配置android在MainActiv...原创 2019-10-15 18:02:56 · 859 阅读 · 0 评论 -
React Native 学习笔记
1.React Native 中如何实现根据state控制组件的显示与隐藏render() { return( { this.state.abc == null ? ( null ) : ( <View> ...原创 2019-09-11 15:13:22 · 466 阅读 · 0 评论 -
React Native只支持输入数字和小数点 并且保留两位小数
overMaxLength(text) { // 只支持输入数字和小数点 const numberReg = new RegExp(/^[0-9.]*$/); if(!numberReg.test(text)) { text = text.substring(0, text.length - 1); console.log('texttexttex...原创 2019-09-11 14:54:48 · 1465 阅读 · 0 评论 -
Javascript 根据key值取出对应的Value值
根据key值取出对应的Value值,返回所有的value值的数组getValueByKey(arrayList) { const arrayPickerData = []; arrayList.forEach((Item) => { const key = Object.keys(Item); arrayPickerData.push(Item[ke...原创 2019-09-11 14:47:15 · 8590 阅读 · 0 评论 -
React Native单元测试
配置Babelyarn add --dev babel-jest babel-core regenerator-runtime完整配置为了方便查看, 下面是package.json文件的完整配置:{ "name": "jest_enzyme", "version": "0.0.1", "private": true, "scripts": { "start": "n...原创 2019-05-14 15:27:36 · 423 阅读 · 0 评论