随笔分类 -  React Native入门

React Native常用组件在Android和IOS上的不同
摘要：React Native常用组件在Android和IOS上的不同 一、Text组件在两个平台上的不同表现 1.1 height与fontSize 1.1.1只指定font,不指定height 在这种情况下，Text组件在两个平台上显示都正常。 可以看到，在垂直方向上，Text组件要比字高，上下都留有 阅读全文
posted @ 2017-04-20 21:18 pengmq 阅读(565) 评论(0) 推荐(0)
React Native导航器Navigator
摘要：React Native导航器Navigator 使用导航器可以让你在应用的不同场景（页面）间进行切换。导航器通过路由对象来分辨不同的场景。利用renderScene方法，导航栏可以根据指定的路由来渲染场景。可以通过configureScene属性获取指定路由对象的配置信息，从而改变场景的动画或者手 阅读全文
posted @ 2017-04-20 15:40 pengmq 阅读(1763) 评论(0) 推荐(0)
React Native组件间通信
摘要：React Native组件间通信 React Native组件的关系有：父子关系、无直接关系。组件间通信主要针对这两类来讨论。 一、父组件和子组件之间通信 父组件向子组件传递消息、数据通过对子组件的属性赋值来实现。比如styles属性、placeholder属性等。 子组件向父组件传递消息、数据通 阅读全文
posted @ 2017-04-20 10:20 pengmq 阅读(1104) 评论(0) 推荐(0)
React Native应用实现步骤
摘要：React Native应用实现步骤 在整个应用设计中，始终按照自下而上的原则进行。在大型的项目中，自下而上的设计方式简单，可以并行工作，并且可以在构建的同时写测试用例。 React Native设计大体为五个步骤。 一、应用原型 设计各界面的草图。从主界面开始，处理各种跳转的关系。 二、基础组件结 阅读全文
posted @ 2017-04-19 10:54 pengmq 阅读(816) 评论(0) 推荐(0)
React Native真机调试安卓版
摘要：React Native真机调试安卓版 一、准备工作 1.1 环境搭建 React Native中文网的文档已经非常清晰地描述了，按照步骤即可。http://reactnative.cn/docs/0.43/getting-started.html#content。 1.2 安装React Deve 阅读全文
posted @ 2017-04-18 20:58 pengmq 阅读(1249) 评论(0) 推荐(0)
React Native状态机和应用设计思路
摘要：React Native状态机和应用设计思路 在原生Android开发中：当用户点击“登录”按钮时，从用户名输入框中读取用户输入的用户名，从密码输入框中读取用户输入的密码，然后交给注册模块去处理。但是，React Native不是这样的思维。 一、状态机 1.1 状态机思维 React框架将所有的U 阅读全文
posted @ 2017-04-18 09:10 pengmq 阅读(741) 评论(0) 推荐(0)
React Native组件的结构和生命周期
摘要：React Native组件的结构和生命周期 一、组件的结构 1、导入引用 可以理解为C++编程中的头文件。 导入引用包括导入react native定义的组件、API，以及自定义的组件。 1.1 导入组件 1.2 导入API 1.3 导入自定义组件 2、组件的声明 组件的生命分为组件的定义和样式。 阅读全文
posted @ 2017-04-17 15:16 pengmq 阅读(1318) 评论(0) 推荐(0)