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 · 358 阅读 · 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 · 632 阅读 · 0 评论 -
React Native学习笔记(4)--Navigator
React 学习笔记一、NavigatorNavigator还有一个兄弟组件NavigatorIOS,但是NavigatorIOS只能在IOS中使用,在Android中不能使用,而Navigator既可以在IOS中使用,也可以在Android中使用。1、Navigator属性initialRoute(Object) –用来设置初始显示页面,可以传递navigator参数 例如: initia原创 2017-02-22 18:08:45 · 721 阅读 · 0 评论 -
React Native学习笔记(5)--ReactNative阶段综合项目--购物车
React 学习笔记一、购物车1、实现内容(1)商品展示页:将商店的商品以每行两列的方式进行加载展示数量超出屏幕时使用滚动条进行滚动查看商品展示页展示商品的图片信息,商品规格,价格点击商品图标可以将商品加入到购物车同一商品多次点击时增加购物车中该商品的数量,不增加商品类型数量商品展示页有结算按钮,点击可以进入购物车结算界面(2)购物车页面:购物车以一行一列的方式显示当前购物车的商品原创 2017-02-28 17:57:22 · 3028 阅读 · 0 评论 -
React Native学习笔记(3)--FlexBox
React 学习笔记一、FlexBoxFlexBox(弹性盒子布局),它是为了简单快速地完成各种伸缩性的设计而提出来的。它可以为传统的盒子模型布局带来更大的灵活性。目前主流的浏览器都已经支持它了。1、布局模型flexbox布局由伸缩容器和伸缩项目组成。任何一个元素都可以指定为flexbox布局,只要设置display的属性为flex或inline-flex即可。伸缩容器的子元素就成为伸缩项目,伸缩项原创 2017-02-17 14:52:28 · 422 阅读 · 0 评论