2017 1月

代码改变世界,智慧照亮人生

    ES5,ES6 都是对ecmascript规范的补充,ES5已经大规模使用了,ES6目前可能还存在浏览器兼容性问题。我们通过React Native来看一下它们之间的区别 区别1:创建组件     组件是一个自定义...

发布 0 条评论

    React Native组件的生命周期大致上可以划分为实例化阶段、存在阶段和销毁阶段,其中最常用的为实例化阶段,该阶段就是组件的构建、展示时期,需要我们根据几个函数的调用过程,控制好组件的展示和逻辑的处理...

发布 0 条评论

Touchable组件就是点击事件了,之前我们做的登录页面只是页面,没有任何交互,有了点击事件,就有了交互的可能性。 首先需要添加用到的类库:TouchableOpacity(不透明触摸事件),AlertIOS(iOS弹框) {/*不透明触摸事件,属性...

发布 0 条评论

来做一个登录界面,这里使用的是组件开发,将登录界面做成一个组件在入口文件中调用,先看一下组件 import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View, Image, ...

发布 0 条评论

首先我们需要准备数据,准备六张图(名字要与资源文件中的一致),放入xcode工程中的Images.xcassets中,然后准备json文件 { "data": [ { "icon" : "danjianbao", "title" : "单肩包" }, { "i...

发布 0 条评论

使用React Native获取当前屏幕的宽高及分辨率的时候需要借助Dimensions这个开发组件 //首先要导入Dimensions包 var Dimensions = require('Dimensions'); class MyProject1 extends Component { render() { retur...

发布 0 条评论

在做React Native开发的时候我选择的是jetbrains家族的IDE,但是没有代码提示是很烦人的一件事情,减缓了不少写代码的速度,经过查找,找到了一个插件可以提示React Native代码,链接在下面: https://github.com/virtoolswebplayer/R...

发布 0 条评论

flexbox是flexible Box的缩写,弹性盒子布局,主流浏览器都支持。 flexbox布局由伸缩容器(container)和伸缩项目(item)组成。 flexbox布局的主体思想是元素可以改变大小以适应可用空间,当可用空间变大,flex 元素将伸展大小以填充可用...

发布 1 条评论