JS学习

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

    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 条评论

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

发布 1 条评论

来看看index.ios.js 第一段是导入需要的包 import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, Image, View } from 'react-native'; 第二段构建入口类,React提供了React.crea...

发布 0 条评论

React Native乃是facebook的开源框架,能够用JS做出原生APP的赶脚,再也不用升级APP了! 我们先来配置一下开发环境,俺用的mac,要用到Homebrew,又叫brew,是在OSX平台上的软件包管理工具,可以理解为类似Linux平台下(如Ubuntu)的a...

发布 0 条评论