ReactNative学习资料
CS-晨曦
Android 、H5、微信小程序
展开
-
RactNative---react-native-storage使用
这是一个本地持久存储的封装,可以同时支持react-native(AsyncStorage)和浏览器(localStorage)。ES6语法,promise异步读取,使用jest进行了完整的单元测试。安装npm install react-native-storage --save React Native开发无需配置直接使用(但要求0.13或更高版本)。导入import Storage from原创 2017-08-16 14:50:25 · 866 阅读 · 0 评论 -
ReactNative---遇到的错误3
报错信息Navigator is deprecated and has been removed from this package it can now be installed and imported from instead of 'react-native ' Learn about alternative navigation solutions at http原创 2017-08-24 14:36:50 · 291 阅读 · 0 评论 -
ReactNative----遇到的错误1
报错信息View has no propType for native prop RCTView nativeID of native type String if you haven’t changed this prop yourself this usually means that your versions of the native code and JavaScript code原创 2017-08-15 16:26:11 · 625 阅读 · 0 评论 -
ReactNative---遇到的错误2
1.解决方式1.手机和电脑必须在同一个网络环境下 2.修改package.json里面的文件版本2.解决方式3.运行报错(‘’Application ProjectDemo has not been registered”)解决方式可以重启试试(我用的是WebStorm, 我把Node.js窗口关闭,然后重新执行react-native run原创 2017-08-21 18:12:24 · 2081 阅读 · 0 评论 -
ReactNative---WebStorm 环境配置------遇到的坑点
前面是用的官网的安装方式http://reactnative.cn/docs/0.43/getting-started.html#contentjdk必须是1.8,否则报错下面会有提到。到这里就开始安装WebStorm,从官网下载最新的=============================================================================坑点1.j原创 2017-04-06 16:16:21 · 1870 阅读 · 0 评论 -
ReactNative---遇到的错误4
Unable to load script from assets index.android.bundle Make sure your bndle is packaged correctly or you're running a packager serviier解决方法:1. 首先手动在main下建立一个assets文件夹2.然后在项目根目录下执行react-nativebundle -...原创 2018-01-18 17:22:40 · 421 阅读 · 0 评论 -
React-Native 第一章 布局
FlexBox 布局一种布局模式,适用于不同的屏幕尺寸和不同的显示设备,它给页面元素提供了适配这些情况的能力flex-direction 指定flex容器的子元素是按行显示还是按列显示,也可以定义元素按升序显示还是按降序显示。justify-content 声明浏览器如何分配元素之外的可用空间,比如有3个节点,它们组合起来一共占据了容器的50%的空间,我们能够指定元素是集中在左...原创 2018-06-07 19:21:58 · 961 阅读 · 0 评论 -
React-Native 第二章 Image和TextInput组件使用
Image组件使用1.加载静态资源通过require('图片文件相对本文件目录的路径'),并将其设置到Image组件的source属性即可。如下 <Image style={styles.image} // ./表示当前文件目录 ../ 父目录 source={require('./icon.png')} />2.加载原生资源 对于加载这种图片资源和加载项目...原创 2018-10-12 15:07:46 · 685 阅读 · 0 评论 -
React-Native 第三章 生命周期介绍和使用
介绍可以把组件生命周期大致分为三个阶段第一阶段 : 是组件第一次绘制阶段,如图中的上面虚线框内,在这里完成了组件的加载和初始化。第二阶段 : 是组件在运行和交互阶段,如图中左下角虚线框,这个阶段组件可以处理用户交互,或者接收事件更新界面。第三阶段 : 是组件卸载消亡的阶段,如图中右下角的虚线框中,这里做一些组件的清理工作。实例化阶段的函数功能分析下面来详细介绍生命周期中的各...原创 2018-10-19 17:12:38 · 283 阅读 · 0 评论