这个React Native专题将以实际开发的小例子为主。开始的例子都是来自<<React Native Blueprints>>一书。笔者在学习这本书的时候获益良多。觉得非常适合React Native的新手来学习。就想拿来跟各位刚开始学React Native的朋友分享。
因为这里注重实例,就对如何安装不作说明。大家自己在网上先学习如何安装React Native的开发环境。假设已经安装好了Node,Yarn,Expo等等。 这里将使用一个非常简单好用的工具Expo。Expo是一组工具、库和服务,通过编写JavaScript来构建本地的ios和Android APP。这里不作太多的说明。大家可以自行学习。
在正式的第一篇文章中我们要开发一个简单的购物单APP。它由两个页面组成。第一个页面是 “我的购物单”,上面列出了我选中的物品。第二个页面是“增加物品“,上面列出了所有的物品,用户可以增加新的物品和删/选新的物品。下面是两个开发完成后的屏幕样子。是从我的iPhone 7 plus 上截屏下来的。
我将在第一篇文章中详细说明开发过程和代码。敬请期待。:)
页面一:My Groceries List
React Native 实例 - 前言页面二:Add a Product
React Native 实例 - 前言
网友评论