ReactNative
关注
分享
扫一扫
大猫会长
这个作者很懒，什么都没留下…
展开
-
React-Navigation----goBack()理解
the key property for goBack() is a dynamically created string, created by react-navigationwhenever navigate to a new route.goBack()参数key为react-navigation动态分配的，而不是指定的routeName，所以当在调用goBack('routeName')...转载 2018-03-07 10:07:34 · 3111 阅读 · 0 评论 -
解决React Native unable to load script from assets index.android.bundle on windows
从RN0.5开始之后,第一次用命令react-native run-android时,都要先用方法二配置一次React Native运行的时候，经常碰到React Native unable to load script from assets index.android.bundle on windows解决方法有2种：方法一：设置IP和端口具体步骤：报错页面晃动手机，显示菜单 =》 点击Dev...转载 2018-06-29 13:46:57 · 649 阅读 · 0 评论 -
RN初始化项目命令行react-native init MyProjectXXXXX
npm install -g react-native-clireact-native init MyProject也可以指定版本react-native init MyProject --version 0.53.3转载 2018-06-29 14:15:59 · 1145 阅读 · 0 评论 -
react-native-fetch-blob RNFetchblob.DocumentDir出错解决办法
转载http://www.bubuko.com/infodetail-2082024.html参考https://github.com/wkh237/react-native-fetch-blob/issues/51 自己做了一下总结：这个报错位置在react-native-fetch-blob下fs.js：DocumentDir : RNFetchBlob.DocumentDir 首先看一下最...转载 2018-07-02 09:12:41 · 6194 阅读 · 0 评论 -
react-native run-android出现java.lang.nullpointerexception(no error message)
如题,java.lang.nullpointerexception(no error message)则删掉工程下的.gradle文件夹，重启Android Studio ，问题解决详细解答地址http://stackoverflow.com/questions/39183674/java-lang-nullpointerexception-no-error-message把工程的build.gr...转载 2018-06-29 08:59:11 · 1125 阅读 · 0 评论 -
RN用webview组件打开页面时,首次无效,第2次才有效的解决办法
问题描述:用webview组件打开网页后,用app通过postMessage方法传递数据给网页,而网页是用window.document.addEventListener('message',function(data){})接收时,发现首次打开时,接收不到任何数据,需要第2次打开,才有数据原因及解决办法:因为postMessage在首次发出请求时,webview组件里的网页内...原创 2018-09-07 16:22:45 · 1465 阅读 · 0 评论 -
RN中,若webview组件中的网址是https开头,则网页里的ajax请求也该用https
如题,做个笔记原创 2018-09-07 16:23:36 · 486 阅读 · 0 评论 -
RN开发中,使用react-native-swiper插件动态载入数据,默认数据得用Null
如题,如果不用null而用空数据[]的话,会导致内容无法显示.推测是因为数据没变化导致原创 2018-10-19 10:54:24 · 1109 阅读 · 0 评论 -
react-native-linear-gradient gradle.build第21行报错解决方法
按照官方的安卓教程操作后,会出现build.gradle第21行报错 只要把compileOnly改成provided即可原创 2018-10-23 16:15:18 · 544 阅读 · 0 评论 -
RN的WebView组件inject系列属性及生命周期释义
injectJavaScript方法里直接可写js代码injectedJavaScript 里js代码用字符串写headers里的值不要用下划线,比如cookie_haha是错误的,系统不认.触发时期onloadStart>网页里的js>injectedJavaScript>onloadonloadStart最先触发,此时document处于undefin...原创 2018-11-01 15:17:18 · 1003 阅读 · 0 评论 -
RN的webview组件错误:onMessage on a WebView overrides existing values of window.postMessage
一般出现在WebView组件里监听onMessage时造成的解决方法:在该组件render方法里面粘贴如下代码const patchPostMessageFunction = function() { var originalPostMessage = window.postMessage; var patchedPostMessage = function(me...原创 2018-11-06 10:54:56 · 490 阅读 · 0 评论 -
react-native-splash-screen配置时的笔记
首先安装npm install react-native-splash-screen --save进行链接配置react-native link react-native-splash-screen 之后可按照下方2个教程操作https://github.com/crazycodeboy/react-native-splash-screen/blob/master/READ...原创 2018-11-15 15:25:41 · 208 阅读 · 0 评论 -
RN的可用css列表
alignItems alignSelf, backfaceVisibility, backgroundColor, borderBottomColor, borderBottomLeftRadius, borderBottomRightRadius, borderBottomWidth, borderColor, b...转载 2018-11-14 17:04:53 · 615 阅读 · 0 评论 -
RN的webview里,document.document.clientHeight不正确的解决方法
如果发现RN的webview组件里,使用document.document.clientHeight的高度不是正常高度,那么请检查再render里面,webview是不是默认没渲染?比如bol?<WebView>xxxxxxx</WebView>:null这样会造成高度计算错误我的解决办法,把null换成空WebViewbol?<WebView...原创 2019-01-25 16:56:48 · 774 阅读 · 0 评论 -
输入gradle出现command not found
输入gradle -v出现command not found既然是gradle环境没有,那就配置一下gradle环境gradle版本可以在https://gradle.org/install/官网下载官方文档有自动和手动操作,我发现手动操作也超级简单各个版本下载地址,https://gradle.org/releases 一般下载binary-only版就可以了下载完毕后解压,mac系统打开.ba...原创 2018-06-29 12:27:22 · 10973 阅读 · 0 评论 -
安卓各个sdk版本对照表
sdk版本列表转载 2018-06-01 17:12:33 · 6170 阅读 · 0 评论 -
插件选集
由aMarno 维护的插件列表https://github.com/MarnoDev/react-native-open-projectreact-native-modal-popoverhttps://js.coach/react-native-modal-popover?collection=React+Nativereact-native-dropdownalert顶部提示条https://...转载 2018-03-07 10:34:55 · 238 阅读 · 0 评论 -
android配置jpush方法-react native版
官方文档https://docs.jiguang.cn/jpush/client/client_plugins/首先在项目下安装以下2个插件npm install jpush-react-native --savenpm install jcore-react-native --save然后link一下react-native linkjpush-react-native和jcore-react...原创 2018-03-07 16:40:58 · 1226 阅读 · 0 评论 -
mac环境生成android的keystore
查看java所在目录/usr/libexec/java_home -V 根据上图的路径，执行下方命令，目的是打开java的bin目录cd /Library/Java/JavaVirtualMachines/jdk1.8.0_162.jdk/Contents/Home/bin继续执行下方命令，注意-alias后面的是别名，等会要用到keytool -genkey -v -keystore my-r...原创 2018-03-15 13:02:47 · 2108 阅读 · 0 评论 -
mac打包生成apk方法
步骤一：使gradle命令生效默认打包apk时，在终端使用gradlew命令会出现command not found，所以先要配置一下gradle首先启动终端Terminal进入用户目录cd ~创建.bash_profiletouch .bash_profile编辑.bash_profile文件open -e .bash_profile打开后添加如下代码后cmd+s保存(请把wsjfolder换成...原创 2018-03-15 15:25:38 · 5575 阅读 · 0 评论 -
android版react-native-wechat使用方法
可以优先参考该链接方法,主要实用rnpm link可以省去很多步骤http://www.cnblogs.com/zhangdw/p/6194345.htmlnpm install react-native-wechat --save下文提到的项目名就是android\app\src\main\java\com\项目名\MainApplication.java文件第一行package后面的名字在an...原创 2018-03-04 15:20:50 · 1202 阅读 · 0 评论 -
React Native生成keystore文件和打包apk方法及常见问答gradlew assembleRelease
注意：以下所有操作都在win7下进行,React Native版本0.54.0首先用keytool.exe生成一个签名密钥在Windows上keytool命令放在JDK的bin目录中（比如默认安装路径C:/Program Files/Java/jdkx.x.x_x/bin里面，或者搜索keytool.exe所在文件夹）在命令行中输入以下命令keytool -genkey -v -keystore ...原创 2018-03-04 14:16:38 · 4170 阅读 · 0 评论 -
run-android出现index.android.bundle解决办法
使用命令react-native run-android后，出现红屏报错index.android.bundle解决办法：震动模拟器，选择Dev Settings点击Debug server & port for device填写电脑ip地址和端口8081最后重新执行一次react-native run-android 问题解决~...原创 2018-03-04 14:13:35 · 6160 阅读 · 0 评论 -
React Native react-native-vector-icons 使用小记
原文:https://blog.youkuaiyun.com/uuq/article/details/53150841备注:icon.buttonimport Icon from 'react-native-vector-icons/FontAwesome';const myButton = ( <Icon.Button name="facebook" backgroundColor="#3b59...转载 2018-03-30 09:09:03 · 1156 阅读 · 0 评论 -
React Native热更新填坑指南
本文所使用react native是0.54版本iOS的ATS例外配置或者可以打开目录进行编辑:ios/项目名/info.plist安卓找到不NDK的解决办法下载Android NDK, Revision 10e (May 2015),官方下载地址我试过下载最新的NDK,结果一直报错.最后换回了Android NDK, Revision 10e在andorid里新建local.properties...原创 2018-04-02 16:51:18 · 1303 阅读 · 1 评论 -
React Native自定义图标组件的图标
http://fontstore.baidu.com/static/editor/index.html以react-native-vector-icons组件为例使用Ionicons.ttf字体,该字体文件在node_modules/react-native-vector-icons/Fonts/Ionicons.ttf引入方法 import Icon from 'react-native-vec...原创 2018-03-28 13:32:04 · 1562 阅读 · 0 评论 -
react native友盟app统计
官方文档写得很简陋,根本无法成功使用.https://developer.umeng.com/docs/66632/detail/67587需要以下这些补充才可以成功启用统计功能android/app/libs里面放jar包编辑android/app/src/main/java/com/项目名/MainApplication.java将MainApplication.java向下滚动,新增下图54...原创 2018-04-03 17:27:02 · 1246 阅读 · 0 评论 -
锦囊插件列表
tips提示插件https://js.coach/react-native-root-tips?search=tipscheckbox插件react-native-modest-checkboxhttps://js.coach/react-native-modest-checkbox?search=checkbox&collection=React+Nativetoasthttps://j...原创 2018-04-18 10:57:28 · 169 阅读 · 0 评论 -
mac下解决adb not found,并运行react native的安卓测试版
首先启动终端Terminal进入用户目录cd ~创建.bash_profiletouch .bash_profile编辑.bash_profile文件open -e .bash_profile打开后添加如下代码后cmd+s保存(请把wsjfolder换成你自己的用户名)export PATH=${PATH}:/Users/wsjfolder/Library/Android/sdk/platform...原创 2018-04-25 14:27:47 · 374 阅读 · 0 评论 -
RN同一个页面有多个Swiper,第2个间歇性无法渲染的解决办法
问题背景:一个父组件,里面的子组件A有Swiper,然后子组件A里再有一个子组件B,B也用到了Swiper,于是会发现B里的Swiper有大概率无法渲染我怀疑是A和B都用了同一个Swiper对象,所以我就新建一个函数,在return里放Swiper组件,这样每次都new一个新的,问题解决~使用的是这个Swiper版本import Swiper from 'react-native-...原创 2019-01-25 17:05:01 · 647 阅读 · 0 评论