React Native
danfengw
这个作者很懒,什么都没留下…
展开
-
React Native (一) bundling failed: Error: EBUSY: resource busy or locked, rename ……
前言关于react native 的搭建可以直接参考官网,不过这里注意看文档时不要看Quick Start,要看Building Projects with Native Code如果你跟我一样是Android开发,Android环境已经搭建好了,可以简单的参考我朋友的这篇文章:https://blog.csdn.net/aiynmimi/article/details/74765...原创 2018-04-01 23:19:41 · 8784 阅读 · 0 评论 -
React Native调用Android 原生(三)——总结
结合ReactNative 调用Android 原生(一)——原生模块(一)ReactNative 调用Android 原生(一)——原生模块(二)ReactNative 调用Android 原生(二)——原生组件总结一下Rn调用原生调用原生模块1、继承ReactContextBaseJavaModule2、实现ReactPackage3、向MainApplication添加Rea...原创 2018-11-16 10:17:08 · 415 阅读 · 0 评论 -
React Native ERROR Metro Bundler can't listen on port 8081
起因:App有一个用户端跟一个其他端,我在写完用户端代码并运行成功后又运行了其他端,在运行命令行react-native start时报ERROR Metro Bundler can’t listen on port 8081这是因为8081端口在之前运行用户端的时候被监听了,所以必须先停调监听8081的进程,然后再运行react-native start...原创 2018-11-14 18:03:29 · 1329 阅读 · 0 评论 -
react native Android 手机摇一摇与菜单键无效
解决方法:1、打开cmd直接在开发环境输入 adb shell input keyevent 82 调出调试菜单2、找到应用,打开应用的 悬浮窗 权限,再次摇一摇即可原创 2018-11-14 13:55:22 · 2156 阅读 · 0 评论 -
ReactNative 与Android 原生传参数 ReadableMap WritableMap
ReadableMap主要是rn给原生传递参数时使用(1)rn给原生传递参数 toast = () => { let obj={ id:1, name:"xiaohong" }; NativeModules.TestModules.Toasts(obj); };(2)原生中获取数据 @ReactMethod public...原创 2018-11-08 13:44:50 · 4094 阅读 · 0 评论 -
ReactNative依赖库产生的环境问题
1、* Where:Build file 'D:\ReactNativePro\XXX\node_modules\react-native-languages\android\build.gradle' line: 24* What went wrong:A problem occurred evaluating project ':react-native-languages'.&g...原创 2018-11-07 15:52:39 · 3363 阅读 · 0 评论 -
ReactNative 调用Android 原生(二)——原生组件
ReactNative 调用Android 原生(一)——原生模块(一):https://blog.csdn.net/danfengw/article/details/83862623ReactNative 调用Android 原生(一)——原生模块(二):https://blog.csdn.net/danfengw/article/details/83901889先说下我遇到的坑:原本学...原创 2018-11-09 19:24:13 · 816 阅读 · 1 评论 -
ReactNative 调用Android 原生(一)——原生模块(二)
ReactNative 调用Android 原生(一)——原生模块(一):https://blog.csdn.net/danfengw/article/details/83862623在上次文章中我们只是简单的尝试了rn给Android原生传递参数调用Android方法所以这次介绍一下Android 如何给RN回传参数,也可以说是回调函数。前言Android给RN回传参数主要有一下几种方式...原创 2018-11-09 18:46:12 · 573 阅读 · 0 评论 -
ReactNative 调用Android 原生(一)——原生模块(一)
简介一共4步:1、新建rn项目,并用AndroidStudio打开新项目下的Android目录2、创建一class继承ReactContextBaseJavaModule (这里alt+enter重写构造器+getName()方法,getName()方法返回的string值将在js中被调用)3、创建一class 实现ReactPackage接口,(这里将重写createNativeModu...原创 2018-11-09 18:06:00 · 1012 阅读 · 0 评论 -
React Native 关于箭头函数、普通函数与点击事件的调用
最近跟着小伙伴写rn,我负责写bug,小伙伴负责帮我解bug 写的有些迷糊,尤其是对于箭头函数与普通函数在点击事件中调用的问题,不知道你是不是也跟我有同样的疑惑?箭头函数 1、箭头函数一个重要的好处就是对于this对象指向问题,在普通函数中this对象的指向是可变的,所以在普通函数中this对象可能会存在null的情况,但是箭头函数中this是固定的。 2、this指向定义时所在...原创 2018-06-28 11:26:58 · 4554 阅读 · 4 评论 -
React Native undefined is not an object (evaluating 'RNDeviceInfo.+程序包com.learnium.RNDeviceInfo 不存在
最近写RN项目,为了获取设备的相关信息,使用了react-native-device-info的库,但是在ios跟Android上都出现了问题。ios先说同事在ios上遇到的问题如下 undefined is not an object (evaluating 'RNDeviceInfo.解决: 关掉当前的运行,重新编译运行就可以了。Android直接编译不过去,报错...原创 2018-06-22 20:03:50 · 1844 阅读 · 0 评论 -
React Native ToastView 工具类(适配Android 与IOS)
1、ToastView根据属性type来设置不同的Toast的样式import React, {Component} from 'react';import { StyleSheet} from 'react-native';import px2dp from "../utils/Px2Dp";import Toast, {DURATION} from 'react-n...原创 2018-06-22 19:54:36 · 873 阅读 · 0 评论 -
React Native 入门级命令行
1、创建项目react-native init 项目名2、运行项目react-native run-android //android 环境下react-native run-ios //ios环境下3、安装依赖,需要执行以下两行npm install react-native link4、有时候我们使用真机在安装应用的时候存在安装不上去的时候...原创 2018-06-12 18:28:45 · 1525 阅读 · 0 评论 -
React Native react-navigation(一)——createStackNavigator
1、安装yarn add react-navigation2、使用(1)创建跳转路由import React from 'react';//导入import {createStackNavigator} from 'react-navigation';import Page1Screen from '../screen/Page1';import Page2Screen fro...原创 2018-11-19 22:50:35 · 2263 阅读 · 0 评论