React Native
丁小未
热爱游戏开发,热爱Coding!
展开
-
[React-Native]Props和State
一、Props(自定义参数)大多数组件可以在创建时使用不同的参数进行自定义。 这些创建参数称为Props。 (1)例如,一个基本的React Native组件是Image。 当您创建图像时,可以使用道具命名源来控制其显示的图像。import React, { Component } from 'react';import { AppRegistry, Image } from 'react-na原创 2017-01-06 21:10:32 · 3895 阅读 · 0 评论 -
[React-Native]初识代码结构
一、了解index.ios.jsReact-Native就是在开发效率和用户体验间做的一种权衡。React-native是使用JS开发,开发效率高、发布能力强,不仅拥有hybrid的开发效率,同时拥有native app相媲美的用户体验。目前天猫也在这块开始试水,一些其他大厂都在尝试Reac Native开发。 分析命令创建的HelloWorld的index.ios.js代码: 1.第一句:va原创 2017-01-06 18:00:42 · 4873 阅读 · 0 评论 -
[React-Native]样式和布局
一、基本样式(1)内联样式 在组件里面定义样式<Text style={{color:'orange', fontSize:20}}> 小字号内联样式</Text>(2)外联样式 在组件里指向外面的样式<Text style={[styles.orange, styles.bigFontSize]}> 大字号外联样式</Text>(3)样式具有覆盖性 如果定义相同属性的样式,后面会覆盖原创 2017-01-06 20:39:40 · 12677 阅读 · 0 评论 -
[React-Native]环境配置&HelloWorld
一、前言手头有mac、有开发者证书,不想浪费资源,之前做过iOS开发,还会对移动开发表示关注,现在移动开发目前用Rect Native也是一个热潮,加上之前有web开发经验,然后就有了学习的冲动。Keep learning, make me happy!二、环境配置需要mac设备需要Xcode6.3版本以上安装Node.js:https://nodejs.org/download/建议安装w原创 2017-01-06 15:37:19 · 4170 阅读 · 0 评论 -
[React-Native]常用组件
一、Image组件(1)引用本地图片 React Native提供了一种统一的方式来管理iOS和Android应用中的图片。 要向应用程序添加静态图片,请将其放在源代码树中的某个位置,并引用它,如下所示:<Image source={require('./my-icon.png')} />以与解析JS模块相同的方式解析映像名称。 在上面的示例中,打包程序将在与需要它的组件相同的文件夹中查找my-i原创 2017-01-07 22:51:44 · 2174 阅读 · 0 评论 -
[React Native]使用导航器跳转页面
移动应用很少只包含一个页面。从你添加第二个页面开始,就得考虑如何管理多个页面间的跳转了。导航器正是为此而生。它可以管理多个页面间的跳转,也包含了一些常见的过渡动画,包括水平翻页、垂直弹出等等。NavigatorReact Native目前有几个内置的导航器组件,一般来说我们首推Navigator。它使用纯JavaScript实现了一个导航栈,因此可以跨平台工作,同时也便于定制。 场景(Scene)原创 2017-01-08 23:02:19 · 3113 阅读 · 0 评论