React Native
YanceChen2013
人生就像是一场旅行,不必在乎目的地,重要的是沿途的风景以及看风景的心情!既然选择了远方,便只顾风雨兼程!
展开
-
react-native运行样例报错:Error watching file for changes: EMFILE
Error watching file for changes: EMFILE {“code”:”EMFILE”,”errno”:”EMFILE”,”syscall”:”Error watching file for changes:”,”filename”:null} Error: Error watching file for changes: EMFILE at exports.转载 2017-06-09 16:57:35 · 1231 阅读 · 0 评论 -
React Native指定设备运行
1. Android命令行中React native项目目录下键入react-native run-android会启动当前电脑连接的Android设备 查看Android设备:在终端中输入adb devices 若未展示电脑连接Android设备信息,就是adb环境配置有问题,可按需配置Android环境变量命令行中启动Android模拟器可参考: http://blog.csdn.ne原创 2017-07-13 22:51:44 · 1108 阅读 · 0 评论 -
React Native 中组件的生命周期
1、概述所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键。RN 组件的生命周期整理如下图: 如图,可以把组件生命周期大致分为三个阶段:第一阶段:是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化; 第二阶段:是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面; 第三阶段:是组件卸载消亡转载 2017-07-20 23:38:12 · 464 阅读 · 0 评论 -
React Native中样式表中的一些样式属性
1、属性在React Native中,和布局有关的,就是css样式,那么一个View可以设置哪些css样式呢,是和web中的css样式完全一样呢,还是有所不同呢?其实你只要在样式表中书写一个不存在的样式,就会报一大堆错,提示你该样式不存在,然后提供所有可用的样式给你,如图: 下面是样式表中一些属相:"alignItems","alignSelf","backfaceVisibility原创 2017-07-18 17:25:12 · 939 阅读 · 0 评论 -
React-Native中二维码扫描使用
1、简介使用的是AC-QRCode-RN,github地址https://github.com/MarnoDev/AC-QRCode-RN/blob/master/README_CN.md 通过 react-native-camera 这个库实现使用摄像头实时扫描二维码进行解析的功能。2、特性支持扫描二维码、条形码支持 Android 和 iOS 系统基于 react-native-came转载 2017-07-31 23:52:39 · 4409 阅读 · 1 评论 -
关于购买界面实现思路
问题:要在一个输入框中同时实现输入和赋值操作,当页面是从前一个页面跳转时,实现带入值;当输入内容时,实现实时搜索和内容展示功能?解决思路,当页面进行跳转时,直接利用属性传值,搜索展示时,增加一个判断变量,决定应该利用那个组件解决方法和代码1、当用户点击已经拥有的内容数据时,调用点击方法,同时调用数据接口和状态机中变量值得改变,以保证能够在确认订单的时候,订单数据内容准确: //点击事件 buy原创 2017-08-08 00:15:39 · 922 阅读 · 0 评论 -
React-Native中导航组件react-navigation的使用
写在开头的话最近使用React-Native开发新应用,一开始使用的导航器是navigator,后来发现navigator有很多不足之处,而且官方也建议使用react-navigation来进行开发,所以现在转为使用react-navigation开发新应用了。总览React Native 中,官方已经推荐使用 react-navigation 来实现各个界面的跳转和不同板块的切换。react-na原创 2017-08-18 23:51:47 · 9341 阅读 · 2 评论 -
ReactNative中将WebView放入ListView中高度自适应
在ReactNative项目中可能会遇到展示HTML代码的情况,通常我们会采用WebView来展示html代码。有时候在ReactNative中我们不需要设置WebView的高度,这只是在一般的View界面中,但是当我们在ListView中展示WebView的时候就需要设定高度才能展示出来,因此需要用js来计算文档高度做到高度自适应。 在项目中遇到的问题是没有设置WebView的高度,在iOS中可原创 2017-08-13 22:58:06 · 1732 阅读 · 1 评论 -
React Native中状态栏设置StatusBar
组件介绍StatusBar 是 React Native 用来设置并动态改变设备的状态栏显示特性。可以通过设置StatusBar的样式实现不同页面状态栏的显示。虽然 StatusBar 是跨平台组件,但其中有些属性是通用的,而有些则是 iOS 或 Android 独有的。所以我们开发时要做好适配。通用属性animated 设置当状态栏的状态发生变化时,是否需要加入动画。动画支持 back原创 2017-08-21 22:07:47 · 18003 阅读 · 0 评论