
react native
天蒙蒙亮
这个作者很懒,什么都没留下…
展开
-
npm 常用命令详解
目录npm是什么npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm outdated 检查模块是否已经过时npm ls 查看安装的模块npm init 在项目中引导创建一个package.json文件npm help 查看某条命令的详细帮助npm root 查看包的安装路径npm config 管理npm的配置路径npm cache 管理模块的...转载 2018-02-24 14:43:25 · 354 阅读 · 0 评论 -
React Native项目案例学习
1.积分猫https://blog.youkuaiyun.com/liu__520/article/details/52889950?utm_source=itdadao&utm_medium=referral原创 2018-05-08 09:54:45 · 1638 阅读 · 0 评论 -
React Native 项目调试 之二维码扫描
React Native开发官网: https://reactnative.cn/docs/0.51/running-on-device-android.html#content转载:https://www.cnblogs.com/zhangdw/p/6197240.html1.前言今天介绍React Native来实现二维码扫描的功能。首先我们要借助第三方插件react-native-barco...转载 2018-05-13 15:46:28 · 875 阅读 · 0 评论 -
理解Navigator.push({}) 的教程
https://my.oschina.net/imot/blog/526988Navigator是RN提供的一个路由工具,不过缺陷是没有预设一个路由配置文件,所以导致整个结构类似goto语法的,你可以跳转到任意的页面。先来一个最简单的Navigator:var { View, Navigator} = React;var FirstPageComponent = require(...转载 2018-04-19 16:17:20 · 3965 阅读 · 0 评论 -
React Native的 弹性盒模型
1.主轴的方向不是固定的,可能是横向,也可能是纵向,和布局的方向一致。flex: 1, 表示均分。2. 要说明一下: 不管主轴的方向是横还是纵,justifyCentent 始终表示主轴上的对齐方式;alignItems 始终表示交叉轴上的对齐方式。(React样式表中属性全部以小驼峰命名。)...原创 2018-03-26 23:40:22 · 313 阅读 · 0 评论 -
Unable to install E:\react-native-APP-master\android\app\build\outputs\apk\app-debug.apk
React Native项目连接真机报错:Unable to install E:\react-native-jifenmao-master\android\app\build\outputs\apk\app-debug.apk1.在网上查了下,有人说是gradle版本的问题,修改了gradle版本还是不行。又把原来的版本改了回来。2. 再尝试使用Android Studie在真机上直接运行,竟然...原创 2018-03-26 10:31:45 · 2496 阅读 · 0 评论 -
ReactNative错误记录
https://www.jianshu.com/p/28a9d74859541.Could not install the app on the device, read the error above for details.先检查是否已设置SDK环境变量ANDROID_HOME; 然后linux下面可以在项目目录运行chmod 755 android/gradlew; windows的可以...转载 2018-03-21 15:29:03 · 747 阅读 · 0 评论 -
undefined is not an object(evaluating 'ViewPropTypes.style')
undefined is not an object(evaluating 'ViewPropTypes.style')up votedown votefavoriteDescription --- When i clone a project from github, after npm install react-native run-ios,the following error occur...原创 2018-03-19 18:07:32 · 2480 阅读 · 0 评论 -
SyntaxError:Strict mode does not allow function declaration in a lexically nested statement.
http://blog.youkuaiyun.com/u013531824/article/details/53572821RN更像是一个不断成长的孩子,在成长的过程中,会遇到各种各样的问题.问题描述 使用react-native init创建了一个新项目,在package.json中使用的react-native的版本如下:"dependencies": { "react": "15.4....原创 2018-03-19 17:09:27 · 549 阅读 · 0 评论 -
React Native中安卓物理back键两次按返回键退出应用
转载: https://www.jianshu.com/p/22e08c18512d话不多说,直接上图:测试代码第16~22行 设置事件监听以及移除事件监听.componentWillMount(){ BackAndroid.addEventListener('hardwareBackPress', this.onBackAndroid);}componentWillUnm...转载 2018-06-11 15:24:57 · 1348 阅读 · 0 评论 -
React Native 集成极光推送 jpush-react-native
转载:https://www.jianshu.com/p/a71512a8f921概述jpush-react-native 是极光推送官方开发的 React Native 版本插件,可以快速集成推送功能。现在最新版本的 JPush SDK 分离了 JPush 及 JCore,让开发者可以分开集成 JMessage 及 JPush(以前 JMessage 包含了 JPush)。我没有 mac 设备,...转载 2018-06-13 20:08:56 · 2811 阅读 · 2 评论 -
React Native - 持久化存储(AsyncStorage)的使用详解 (值得学习的网站)
原文链接:http://www.hangge.com/blog/cache/detail_1567.html一,基本概念1,AsyncStorage介绍AsyncStorage 是一个简单的、异步的、持久化的 Key-Value 存储系统,它对于 App 来说是全局性的。它用来代替 LocalStorage。 由于它的操作是全局的,官方建议我们最好针对 AsyncStorage 进行...转载 2018-09-19 16:04:54 · 5850 阅读 · 0 评论 -
安卓应用在各大应用市场上架方法整理
转载: https://blog.youkuaiyun.com/niezhipeng8/article/details/79103436想要把APP上架到应用市场都要先注册开发者账号才可以。这里的方法包括注册帐号和后期上架及一些需要注意的问题。注意:首次提交应用绝对不能随便删除,否则后面再提交会显示应用APP冲突,会要求走应用认领流程,那个时候就会相当麻烦啦。1、腾讯应用宝腾讯开放平台地址:ht...转载 2018-08-29 08:58:38 · 864 阅读 · 0 评论 -
React Native常用第三方组件汇总--史上最全
转载:https://blog.youkuaiyun.com/chichengjunma/article/details/52920137React Native 项目常用第三方组件汇总:react-native-animatable 动画react-native-carousel 轮播react-native-countdown 倒计时react-native-device-info 设备信息react-n...原创 2018-07-06 09:09:25 · 348 阅读 · 0 评论 -
React-Native工程项目打包编译 发布流程详解
转载:https://www.aliyun.com/jiaocheng/35793.html摘要: 具体看一下Android和IOS两个平台是如何执行发布产品。 React-Native之Android平台发布两种方式: 方式一是借助于命令行, 方式二种是借助于Android Studio进行。步骤: 方式二: 借助Android Studio发布。a). 首先借助于And...转载 2018-06-28 20:03:11 · 5275 阅读 · 0 评论 -
RN 项目中父子级组件传值方式。
1. 子级组件给父级传值方式。(1). 官网提供的组件标签,有专门的属性进行承载数据。(2). 自定义组件,可以使用回调调函数。原创 2018-07-02 13:13:54 · 1847 阅读 · 0 评论 -
React Native从零开始打包发布(Android)
转载:https://blog.youkuaiyun.com/SuperBigLw/article/details/54407806因为我们在调试React Native的时候需要连接手机或者是虚拟机,我们需要让其跟电脑处在同一网段接口上。那么如何将React Native程序打包发布呢?这个不需要其他的技术有过Android开发经验的基本都可以将其打包,下面就是打包的步骤。一、生成签名文件(类似于Andro...转载 2018-06-30 17:53:40 · 462 阅读 · 0 评论 -
React Native 热更新方案
转载: https://blog.youkuaiyun.com/xiangzhihong8/article/details/73201421随着 React Native 的不断发展完善,越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发,也有不少使用 Hybrid 技术的公司转向了 React Native 。虽然React Native在目前来说仍有不少的...转载 2018-06-11 10:12:44 · 10253 阅读 · 1 评论 -
react-native-update@4.0版本 具体热更新的机制
转载:https://segmentfault.com/a/1190000008005637热更新原理react-native 的程序实际上是原生的模块+JS和图片资源模块,热更新,就是更新其中的js和图片资源。安卓程序把它名字命名为zip解压后可以清楚的看到其中的bundle文件和资源文件热更新的方法热更新又分为全量更新和增量更新。全量更新是直接去服务器抓取你上传的ppk文件,下载下来,直接覆盖...转载 2018-06-11 09:42:43 · 951 阅读 · 0 评论 -
undefined is not an object(evaluating '_react2.PropTypes.oneOfType')
解决办法:https://github.com/react-native-community/react-native-camera/issues/1005If you use react-native-camera version 0.6.0, PropTypes import from React package// react-native-camera/index.jsimport Re...原创 2018-03-19 10:59:57 · 1953 阅读 · 0 评论 -
React Native中的gradle版本配置。
android --> app --> build.gradleandroid --> gradle--> gradle-wrapper.propertiesandroid --> build.gradleReact Native项目中的android目录gradle的版本修改。原创 2018-03-19 09:32:19 · 9293 阅读 · 0 评论 -
Cannot evaluate module react-native-baidu-map : Configuration with name 'default' not found.
报错内容: Cannot evaluate module react-native-baidu-map : Configuration with name 'default' not found.原因:执行命令:npm installHere is my settings:1. android/app/build.gradledependencies { compile project('...原创 2018-03-15 15:52:59 · 800 阅读 · 0 评论 -
windows平台react-native 报错:Error EPERM: opration not permitted. lstat 'xxx...'
http://blog.youkuaiyun.com/Real_Bird/article/details/546915891、初始化项目 react-native init newProject2、手机连上usb口,在手机上的开发者模式中打开usb调试,如果手机屏幕出现提示密钥消息,点击确定。3、对于Android5.0或以上的操作系统,在react-native项目根目录管理员运行abd reverse t...转载 2018-03-15 14:33:31 · 1080 阅读 · 0 评论 -
Android StudioError:Unsupported method: BaseConfig.getApplicationIdSuffix(). The version of Gradle y
http://blog.youkuaiyun.com/androidzmm/article/details/78953994今天用Android Studio打开项目报错:Error:Unsupported method: BaseConfig.getApplicationIdSuffix(). The version of Gradle you connect to does not support tha...转载 2018-03-15 11:10:56 · 1167 阅读 · 0 评论 -
React Native - 使用CameraRoll将图片保存到本地相册
http://www.hangge.com/blog/cache/detail_1615.htmlReact Native - 使用CameraRoll将图片保存到本地相册 发布:2018/3/7React Native 的 CameraRoll API 提供了访问本地相册的功能,本文演示如何使用 CameraRoll 将图片保存到系统相册中。1,saveToCameraRoll(tag, typ...转载 2018-03-07 13:31:36 · 6990 阅读 · 0 评论 -
React Native - 使用图片选择器react-native-image-picker拍照、选照片
http://www.hangge.com/blog/cache/detail_1617.htmlReact Native - 使用图片选择器react-native-image-picker拍照、选照片 发布:2018/3/7有时我们程序中需要提供用户上传照片的功能。照片可以从设备相册中选择,也可以使用摄像头直接拍摄。这个功能使用 react-native-image-picker 库就可以很方...转载 2018-03-07 13:26:11 · 10081 阅读 · 2 评论 -
React Native - 使用CameraRoll获取相册图片、并显示
http://www.hangge.com/blog/cache/detail_1616.htmlReact Native - 使用CameraRoll获取相册图片、并显示发布:2018/3/8React Native 的 CameraRoll API 提供了访问本地相册的功能,本文演示如何使用 CameraRoll 显示相册中的图片。1,getPhotos(params)方法介绍(1)这个是 C...转载 2018-03-07 13:20:51 · 4486 阅读 · 0 评论 -
React Native - 调用摄像头拍照(使用react-native-camera库)
http://www.hangge.com/blog/cache/detail_1618.htmlReact Native - 调用摄像头拍照(使用react-native-camera库) 发布:hangge阅读:68711,react-native-camera介绍react-native-camera 是一个第三方的开源库,我们可以通过它来调用设备的摄像头,从而实现拍照、或者录像功能。rea...转载 2018-03-07 13:17:48 · 28843 阅读 · 2 评论 -
react包版本过高,使 PropType属性过时的解决办法。
一、报错如下:undefined is not an object(evaluating '_react2.PropTypes.oneOfType')二、解决方法:1. 删除react包。 2.下载低版本的react包。npm uninstall react --savenpm install react@15.4.0 --save查看 package.json文件...原创 2018-02-26 10:42:25 · 2271 阅读 · 0 评论 -
A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1
在初学react-native时,执行命令react-native run-android会报如下错误:react-native run-androidStarting JS server...Building and installing the app on the device (cd android && ./gradlew installDebug...FAILURE: ...原创 2018-03-15 16:20:17 · 1683 阅读 · 0 评论 -
react-native-vector-icons使用时遇到的问题
react-native-vector-icons使用时遇到的问题 error: bundling failed: Error: While resolving module `react-native-vector-icons/Ionicons`, the Haste package `react-native-vector-icons` was found. However the modul...原创 2018-03-02 10:27:10 · 2442 阅读 · 0 评论 -
RN的报错3
1.react的版本问题这个说 react版本过高,致使属性过时。后来使用npm重新加载了react包的版本,又有了如下新的问题。后来又恢复了react原来包的版本,再使用android studio运行后,又不报错了。(真搞不懂!)2. 使用npm命令给工程加载两个依赖包3. 加载4. java程序中自动重复加载某函数。 解决办法:保留一个,删除多余的。...原创 2018-03-04 22:50:44 · 270 阅读 · 0 评论 -
React Native的报错1
1. undefined is not an object (evaluating 'ReactINternals.ReactCurrentOwner')(据说以前没有这个问题,RN的新版本会有此问题,略坑啊。。。)解决办法.:重新下载react依赖包的版本react@16.0.0-alpha.12 make sure you've installed the correct version of...原创 2018-03-04 16:40:11 · 1172 阅读 · 0 评论 -
报错2:React.Children.only expected to receive a single React element child
<TabNavigator.Item> </TabNavigator.Item>错误:.下面的注释放置位置也不对,要独占一行。 //原因注释要独占一行。原创 2018-03-04 17:34:23 · 6094 阅读 · 0 评论 -
React.Children.only expected to receive a single React element child
http://blog.youkuaiyun.com/meiyulong518/article/details/70748903ReactNative使用TabBar报错react.children.only expected to receive a single react element child实例代码: <TabBarIOS.Item title="首页" ...转载 2018-03-04 17:17:20 · 1073 阅读 · 0 评论 -
RN的样式属性。
Valid style props: [ "alignContent", "alignItems", ...原创 2018-03-04 16:41:47 · 1292 阅读 · 0 评论 -
编程中的.bind() 绑定使用说明
一、.bind() 绑定应用场景: 多对一。多个按钮的点击事件对应,一个处理函数时。二、Navigator 做导航Navigator 的作用同hashHistory用于布局文件间的跳转。Navigator 的原理:进栈push(), 出栈pop()。...原创 2018-02-24 09:32:46 · 885 阅读 · 0 评论 -
RN开发中报错:Invariant Violation:RawText " " must be wrapped in an explicit <Text> component 原因分析
出现情况如下:出错原因: 注解信息的位置不对,需要换行写。原创 2018-02-23 17:40:09 · 926 阅读 · 0 评论 -
React Native两种加载图片的方式
转载 https://www.cnblogs.com/AliliWl/p/5849524.html1 加载网络图片通过uri就可以加载网络图片<Image source={{uri:'http://facebook.github.io/react/img/logo_og.png'}} style={{width: 40, height: 40, marginLeft: 8, marginR...转载 2018-02-23 17:15:38 · 604 阅读 · 0 评论 -
javascript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别?
我当时想的就是:这个问题很简单啊~(flag),然后做出了错误的回答……箭头函数中的this 和调用时的上下文无关,而是取决于定义时的上下文,一旦定义,this就不会改变。这并不是很正确的答案……虽然也不是完全错误。箭头函数中的 this首先说我的回答中没有错误的部分:箭头函数中的 this 确实和调用时的上下文无关function make () { return ...转载 2018-09-19 16:48:42 · 1335 阅读 · 0 评论