qczg_wxg的博客

Windowsrn安装环境准备1.先去https://nodejs.org/en/ 下载node下载之后直接安装需要注意的是，node官网往往会给出两个默认的版本，一般左边的稳定版，后边的是最新版（先选用稳定版）测试node是否安装成功的方法：打开cmd命令工具，输入node -v 如果出现下图所示则表示成功2.设置镜像的下载地址，因为第一步已经成功安装完了node，现在直接打...

为什么需要RN与原生互调？RN会有完成不了的事情，比如打开本地的相机，native接口。跟硬件打交道的话就不行了。

ReactNative是一个弱类型的语言，类型检查做的非常差，编译的时候并不知道类型是什么，可能导致运行的时候出问题，比如我传入的是一个字符串，接收的可能是一个字符，编译的时候没有问题，运行的时候却会出问题。props是一个传递的载体，是一个变量，这里面有许多属性，属性就必须要有一些类型。props有一个技术，叫做类型约束检查...

第一离线缓存技术与promise机制、promise机制：1，解决回调监狱、2，promise有两种结果：做得到(resolve)与做不到(reject)首先访问本地的缓存，然后在访问网络/** * Created by penn on 2016/12/21. */import { AsyncStorage,} from 'react-native';export ...

第一：我们看下个人中心页面这是mine.js/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow * @lint-ignore-every XPLATJSCOPYRIGHT1 */import React, {Component} from 'r...

第一：类似于android中ViewPager+Fragment +TabLayout我们看下index.js文件/** * @format * @lint-ignore-every XPLATJSCOPYRIGHT1 */import {AppRegistry} from 'react-native';import App from './App';import {name a...

父组件与子组件通信：我们首先看下项目目录新创建Parent.js文件//注意这种写法：{Component},可以理解为导入React的内部类的格式，{}代表React的内部类import React, {Component} from "react";import {Text, View} from "react-native";export default class Paren...

第一：主页中间这张图片是我们要实现的效果home.js/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow * @lint-ignore-every XPLATJSCOPYRIGHT1 */import React, {Component} ...

我们今天完成的效果就是这张图中标注的地方Home.js/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow * @lint-ignore-every XPLATJSCOPYRIGHT1 */import React, {Component} f...

第一：什么是ES6：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。标准的制定者有计划，以后每年发布一次标准，使用年份作为标准的版本。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是E...

第一：什么是RNReact Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。React...

第一：屏幕适配ReactNative既要和android进行屏幕适配又要和ios屏幕适配；用到的比较多的还是代码适配。另外字体也需要适配适配类import { Dimensions, Platform, PixelRatio} from 'react-native';//计算当前的宽高constscreenW = Dimensions.get("window"...