
React Native
Jason_LiuMeng
一个小码农
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React Native学习笔记(2)--React与JSX语法
React 学习笔记一、ReactReact是由facebook开源的前端组件化框架,虽然当前对React的评论各式各样,但是就React专注的点来说(前端功能分解化,使得前端开发像搭积木一样快速并且易维护),还是得到了很多公司的青睐。1、React的特点: (1) React可以只作为视图在MVC中使用,这样可以很容易使用React在已有项目的基础之上进行开发 (2) 虚拟DOM:这个是Reac原创 2017-02-16 15:25:23 · 399 阅读 · 0 评论 -
React Native学习笔记(1)--Windows开发环境搭建
React Native学习笔记(1)–Windows开发环境搭建一、React Native环境搭建1、下载安装jdk2、下载安装sdk 可以先安装Android Studio,然后使用其中的工具进行安装 可以用http://androiddevtools.cn/中的镜像镜像配置安装,能提升下载速度 3、安装c++模块 (用于编译node.js用)可以安装windows sdk、cygwin或mi原创 2017-02-16 14:07:50 · 668 阅读 · 0 评论 -
React Native学习笔记(4)--Navigator
React 学习笔记一、Navigator Navigator还有一个兄弟组件NavigatorIOS,但是NavigatorIOS只能在IOS中使用,在Android中不能使用,而Navigator既可以在IOS中使用,也可以在Android中使用。 1、Navigator属性 initialRoute(Object) –用来设置初始显示页面,可以传递navigator参数 例如: initia原创 2017-02-22 18:08:45 · 792 阅读 · 0 评论 -
React Native学习笔记(5)--ReactNative阶段综合项目--购物车
React 学习笔记一、购物车1、实现内容(1)商品展示页: 将商店的商品以每行两列的方式进行加载展示 数量超出屏幕时使用滚动条进行滚动查看 商品展示页展示商品的图片信息,商品规格,价格 点击商品图标可以将商品加入到购物车 同一商品多次点击时增加购物车中该商品的数量,不增加商品类型数量 商品展示页有结算按钮,点击可以进入购物车结算界面 (2)购物车页面: 购物车以一行一列的方式显示当前购物车的商品原创 2017-02-28 17:57:22 · 3104 阅读 · 0 评论 -
React Native学习笔记(3)--FlexBox
React 学习笔记一、FlexBoxFlexBox(弹性盒子布局),它是为了简单快速地完成各种伸缩性的设计而提出来的。它可以为传统的盒子模型布局带来更大的灵活性。目前主流的浏览器都已经支持它了。1、布局模型flexbox布局由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局,只要设置display的属性为flex或inline-flex即可。伸缩容器的子元素就成为伸缩项目,伸缩项原创 2017-02-17 14:52:28 · 463 阅读 · 0 评论