《React Native移动开发实战》一一第3章 React Native的组件(1)

第3章 React Native的组件(1)
第2章中已经实现了电商应用的首页,虽然界面和功能看起来略简陋了点,但是麻雀虽小,五脏俱全,首页的整体布局和大概效果已经完整地呈现在我们面前了。接下来,在“夯实的地基”上,我们将继续“盖楼”,为应用实现更多的功能和更好的体验。
本章主要内容有:

移植旧的App项目。
学会重构现有代码。
完善第2章中的搜索框。
完善第2章中的轮播广告。
完善第2章中的商品列表。
实现页面跳转。
实现页面间的数据传递。
时间: 2024-09-21 05:49:43

《React Native移动开发实战》一一第3章 React Native的组件(1)的相关文章

《React Native移动开发实战》一一1.1 看透React Native

1.1 看透React Native React Native(http://facebook.github.io/react-native/)第一次进入公众的视野是在2015年1月的React.js Conf(http://conf.reactjs. org/)上,随后,同年5月份,Facebook在F8 Conference(https://www. fbf8.com/)上正式宣布:React Native项目(如图1.1所示) 在Github开源.结果一天之内,就收获了5000多颗星,受关

《React Native移动开发实战》出版啦

对不起,我来晚了 首先要感谢支持和关注我的朋友,感谢人邮的赵老师,还有公司的领导和同事,他们在我写作的过程中给了很多有用的信息,也给了很多有用的建议,为本书的写作提供了很大帮助.感谢,再次感谢!!! 工作6年多以来,一直想写一本自己的书,一方面是对自己工作经历的一个总结,也是对希望写一本书给曾经的自己一个交代,毕竟30岁的人了,搞不了几年的技术了. 我一直有写博客的习惯,喜欢将自己工作和生活的点滴写成博客,分享给大家.说说我写书的缘由吧,最近几年,特别是15年和16年,我朋友圈的好友陆续出了自己

《React Native移动开发实战》一一导读

前言 随着手机和移动互联网技术的日益成熟,移动应用的领域也从如何开发,发展到如何更高效.更低成本地开发.传统的原生平台(iOS.Android)开发技术虽然比较成熟,但由于开发效率和成本的限制,已经越来越无法满足移动互联网应用的开发需求. 所以,具有简单.迅速.跨平台的优势,而且基于Web开发语言和布局技术的React Native得以迅速流行,并一举夺得跨平台开发技术的头筹. 目前市场上大多数React Native书籍主要以翻译和讲解官方文档为主,并未从开发实际应用出发,通过典型案例来指导读

《React Native移动开发实战》一一1.2 React Native的特点

1.2 React Native的特点 那么,作为跨平台应用开发的"新贵",React Native相比其他跨平台技术到底有哪些优势呢?1.2.1 其一:Learn Once, Write Anywhere 这句话是React Native官网(http://facebook.github.io/react-native/)对React Native的概述,简单明了地概括了React Native的最大特点和优点. 只需要学习React Native这一种开发方式(包括平台.语言和开发

《React Native移动开发实战》一一1.3 搭建React Native开发环境

1.3 搭建React Native开发环境 "磨刀不误砍柴工",在正式开发React Native应用之前,需要先搭建好React Native的开发环境.搭建React Native开发环境有以下几个主要步骤. 原生开发工具:iOS开发使用Xcode,Android开发使用Android Studio and SDK Tools. Node.js(https://nodejs.org/):React Native是借助Node.js,即JavaScript运行时来创建JavaScr

《React Native移动开发实战》一一1.4 第一个React Native应用

1.4 第一个React Native应用 颇费一番周折搭建好环境之后,终于可以长舒一口气,来开发第一个React Native应用了.1.4.1 初始化项目 首先,使用React Native命令行工具来初始化一个新的项目: react-native init ch02 等待工程创建成功并安装好所有依赖后,使用Atom打开ch02项目,来仔细瞧一瞧React Native项目结构,如图1.21所示. 图1.21 React Native项目结构 其中目录和文件的详细说明如表1.1所示. 回答:

《React Native移动开发实战》一一第1章 为什么要学习React Native

第1章 为什么要学习React Native 无论读者是移动平台开发者,还是Web前端开发者,想必对现在"大红大紫"的React Native都有所耳闻.那么,除了"乘着Facebook这棵大树好乘凉"的优势之外,React Native到底是何方"神圣",有什么令大家"趋之若鹜"的优点呢?下面带着这样的好奇,来随本书一探究竟吧! 本章主要内容有: React Native与React.js的对比. 为什么说React Nat

《Swift开发实战》——第16章,第16.1节下标脚本语法

第16章 下标脚本 Swift开发实战 在Swift语言中,类(class).结构体(structure)和枚举(enumeration)等目标中定义下标脚本,被认为是访问对象.集合或序列的快捷方式,不需要再调用实例的特定的赋值和访问方法.在本章的内容中,将详细讲解Swift下标脚本的基本知识. 16.1 下标脚本语法 在Swift语言中,可以使用下标脚本访问一个数组(Array)实例中的元素,参见如下所示的格式. someArray[index] 在访问字典(Dictionary)实例中的元素

《Swift开发实战》——第2章,第2.1节千里之行,始于足下——Swift语言基础

第2章 千里之行,始于足下--Swift语言基础 Swift开发实战 Swift 是一种适用于 iOS 和 OS X 应用开发的全新编程语言,它建立在C和Objective-C语言基础之上,并且没有C语言的兼容性限制.Swift 采用安全的编程模式,增加了现代功能,使编程更容易.更灵活.更有趣.Swift 以成熟且备受宠爱的Cocoa和 Cocoa Touch 框架作为支撑,这是一个重新构建软件开发的机会.本章将带领大家学习Swift这门神奇语言的基本语法知识,为读者步入本书后面知识的学习打下基