Hello大家好,吾名蒜仔!屌丝web前端程序猿。平生最大的爱好就是写代码(凑不要脸!),接触react native大概从0.29版本开始的吧,踩过无数坑,现在都0.42了,也就过了大半年。做过一个完整的项目,准备自己再写一个,写文章也是为了督促自己继续下去。
咱们一步步从头开始,首先附上React Native 官方文档(打开有点慢),学一门技术当然要先有一本书喽,没有书的一定是吃瓜群众哼哼。我们就用官方文档当作书吧。然后我们需要一本字典,RN中文网。看不懂英文怎么办,查字典。。。不过还是以原文为主,中文很多情况下不是最新的(官方有时候都不是最新的,别说翻译的了,呵呵哒!)。言归正传,我们用实际开发作为入门并配上图文可以更清楚的理解。
首先,必须说一下,如果想要同时体会React Native在iOS和Android上的效果,建议用Macbook Pro,因为iOS只有在mac环境下才能运行。以下的内容当然是基于mac环境开发喽,windows的话只能玩Android喽。
1、初始化项目
对于mac环境,Xcode不必说,需要先安装node和watchman,建议用Homebrew,这里不多说,看书。
都装好以后就可以在终端输入
sudo npm install react-native-cli -g
然后输入密码后就可以把react-native-cli装到电脑上了,这是一个react native项目生成工具,很多框架都会有这么个工具。
然后输入
react-native init YourProjectName
等待片刻一个RN项目就生成好了。
运行一下看看,输入
cd YourProjectName
react-native run-ios
然后就跑起来,哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈,就是这么简单。
感觉第一篇就写这么多吧,就当是个序言了。第一次写,言语组织的不好请见谅。第二篇抽空写吧。
网友评论