React Native - 随笔分类 - 玉思盈蝶

React Native设置图片全屏背景显示

摘要：显示效果如下：实现和页面代码如下： 1> 使用的react-navigation隐藏导航栏： 2>页面代码如下：阅读全文

posted @ 2017-12-01 15:10 玉思盈蝶阅读(11507) 评论(3) 推荐(1)

React Native init初始化项目时报错

摘要：之前新建RN项目都不会出现这个问题，今天报错如下，这里记录下吧。报错截图：解决方法： 1> cd 到文件夹目录； 2> 执行下面语句： 3> 再次 react-native init dounineApp 错误解决！！！阅读全文

posted @ 2017-11-15 09:45 玉思盈蝶阅读(2696) 评论(0) 推荐(0)

React Native清除缓存实现

摘要：清除缓存使用的第三方：react-native-http-cache Github： https://github.com/reactnativecn/react-native-http-cache 社区讨论： http://bbs.reactnative.cn/topic/150/%E7%BC%9 阅读全文

posted @ 2017-11-09 17:17 玉思盈蝶阅读(10645) 评论(1) 推荐(0)

npm install --save react-native-device-info报错

摘要：报错截图如下：把react-native-device-info删了再添加还是这样，后面使用yarn就成功了。然后发现会报错，这里估计是Xcode 9的bug，你只要确保以下显示就可以了。没有自己添加下即可。具体的配置参见Github即可：https://github.com/rebeccah 阅读全文

posted @ 2017-11-09 15:26 玉思盈蝶阅读(840) 评论(0) 推荐(0)

React Native使用NetInfo对当前系统网络的判断

摘要：有网状态：断网状态：代码如下：注意：第一次参考了http://www.hangge.com/blog/cache/detail_1614.html代码，一直显示的是unknow状态。。。最后处理代码如下：总结：这个检测网络状态他是实时检测断网和联网状态的，可以保存状态，每次请求的时候直接阅读全文

posted @ 2017-10-17 16:29 玉思盈蝶阅读(1149) 评论(0) 推荐(0)

React Native登录注册页面实现空白处收起键盘

摘要：其实很简单，直接使用ScrollView作为父视图即可。有木有很神奇啊，以前都还不知道呢。。。。。😄 效果截图如下：看代码：项目Github地址： https://github.com/PengSiSi/React-Native-PSShiWuKu.git 阅读全文

posted @ 2017-10-17 15:34 玉思盈蝶阅读(3703) 评论(0) 推荐(0)

React Native npm第三方报错

摘要：添加npm install第三方报错: 使用: yarn add 组件名称注意: 这里不需要像npm的--save 阅读全文

posted @ 2017-09-20 17:27 玉思盈蝶阅读(219) 评论(0) 推荐(0)

React Native运行安卓报错解决记录

摘要：1>Error:Configuration with name ‘default’ not found. 解决链接: http://blog.csdn.net/u011240877/article/details/51165799 2>Android Studio 报错总结: http://blog 阅读全文

posted @ 2017-08-19 16:53 玉思盈蝶阅读(353) 评论(0) 推荐(0)

React Native Expected a component class,got [object Object]解决

摘要：报错原因: 组件大小写错误. 解决方式: 修改组件名称即可. 这篇博客介绍了大部分RN的错误原因和解决方法: http://blog.csdn.net/chichengjunma/article/details/52943013 阅读全文

posted @ 2017-08-15 14:19 玉思盈蝶阅读(1294) 评论(0) 推荐(0)

运行React Native项目出现白屏,无法运行

摘要：运行React Native出现白屏,无法运行,查看终端报错如下: 原因: 代码中有语法错误,导致运行失败. 其实到这里可以去Xcode查看控制台打印,会提示哪个文件出现错误的. 解决办法: 找到报错文件,修改错误即可. 阅读全文

posted @ 2017-08-14 09:31 玉思盈蝶阅读(3400) 评论(1) 推荐(0)

React Native面试题记录

摘要：一.ES6中增加了那些新的功能？ 1> for-of循环: 使用 for-of 的时候，循环的是数组内部的元素且不会出现 for-in 中将附加属性也遍历的情况，其次，循环变量的类型和其在数组中的类型保持一致，而不是全部是 string 的情况。 2>模版字符串: 模版字符串不会转义特殊字符，因此需阅读全文

posted @ 2017-08-11 17:14 玉思盈蝶阅读(3938) 评论(0) 推荐(0)

React Native pod install报错 `Yoga (= 0.44.3.React)` required by `React/Core (0.44.3)`

摘要：使用pod安装，可能会因为Podfile的路径指向错误或者没有路径指向因为报错。报错截图如下: 这是因为在指定的路径没有寻找到相应的组件。此时就需要修改podfile文件中的路径，由于上方提示没有 Yoga ，那我们就指定Yoga的路径即可. 再次pod install即可. 附上React Na 阅读全文

posted @ 2017-08-11 14:18 玉思盈蝶阅读(781) 评论(0) 推荐(0)

React Native初始化项目0.47.1报错

摘要：首先看一下安卓和iOS报错: iOS终端运行报错: Xcode运行报错: 解决办法一: 将版本降到0.44.3,修改package,具体请看我的另一篇博客: http://www.cnblogs.com/pengsi/p/7026564.html 不过我不能总是使用0.44的版本吧. 解决办法二: 阅读全文

posted @ 2017-08-10 11:06 玉思盈蝶阅读(878) 评论(0) 推荐(0)

React Native小知识点记录

摘要：1>查看 RN 的所有历史版本: 2>查看 RN 的当前版本: 3>平台判断执行方法: 4>分隔线的高度不能写死0.5,否则有些机型会有问题,如下所示: 正确写法如下: 5>View固定屏幕底部: 需要将view套在一个父view上,设置style如下: 持续更新哟!!! 阅读全文

posted @ 2017-08-08 15:11 玉思盈蝶阅读(241) 评论(0) 推荐(0)

React Native使用Mobx总结

摘要：参考博客: http://www.jianshu.com/p/505d9d9fe36a 这是我看的学习Mobx目前为止觉得最详细学习的博客了. 下面只是记录下我的学习和一些简单的使用: 需要引入的库: 一.计数器的Mobx实现 : AppState.js实现:这里主要是监听属性变化. 模块使用: 二阅读全文

posted @ 2017-07-06 17:45 玉思盈蝶阅读(1012) 评论(0) 推荐(0)

React Native使用Redux总结

摘要：1>npm安装redux: 2>大致结构目录如下: 3>ActionTypes.js: 4>Store: 就是保存数据的地方，你可以把它看成一个容器。整个应用只能有一个 Store。 5>State:Store对象包含所有数据。如果想得到某个时点的数据，就要对 Store 生成快照。这种时点的数据集阅读全文

posted @ 2017-07-06 10:51 玉思盈蝶阅读(2263) 评论(0) 推荐(0)

安卓模拟器添加图片

摘要：1>打开"Gallery"; 2>直接拖动图片到安卓模拟器打开的Gallery; 3>关闭安卓模拟器,重启; 4>再次打开"Gallery",可以看到之前添加的图片; 阅读全文

posted @ 2017-07-05 15:55 玉思盈蝶阅读(558) 评论(0) 推荐(0)

React Native安卓代码混淆和打包

摘要：一上午就整了个React Native的打包,中间还遇到各种问题,这里还是记录下吧: 文档链接: http://reactnative.cn/docs/0.45/signed-apk-android.html#content 打包步骤如下: 1> cd 项目目录; 2>执行以下命令: 3>执行: 会阅读全文

posted @ 2017-07-05 14:50 玉思盈蝶阅读(2169) 评论(0) 推荐(0)

react-native-picke Cannot read property '_init' of undefined

摘要：使用react-native-picker报以下错误: 查看了react-native-picke的issues: https://github.com/beefe/react-native-picker/issues/128 最后原因是如下所示: 显示libRCTBEEPickermanager. 阅读全文

posted @ 2017-06-28 13:08 玉思盈蝶阅读(2143) 评论(0) 推荐(0)

React Native使用react-navigation时,设置navigationOptions中Static中使用this注意点

摘要：使用react-navigation时,单页面设置navigationOptions中,进行Static中调用方法,不能像以下设置解决方法: 阅读全文

posted @ 2017-06-28 09:57 玉思盈蝶阅读(5025) 评论(4) 推荐(0)

随笔分类 - React Native