如何编译ReactNative示例程序Examples

如何编译ReactNative示例程序Examples,第1张

通过示例程序可以看到一些基本组件的使用,对于学习ReactNative是很有帮助的。

编译示例程序需要将整个项目导入到androidStudio中,androidStudio导入项目时选择react-native/ReactAndroid目录。
由于项目依赖ndk因此如果要编译Examples还需要安装配置ndk目录,下载ndk后是一个自解压程序,会释放ndk的目录。

然后需要设置环境变量或者在react-native根目录下新建localproperties文件,文件内容如下:

sdkdir=c:\你的sdk目录

ndkdir=c:\你的ndk目录
设置要之后就可以编译了,导入和编译的过程比较曲折,请继续看下文。

在编译AwesomeProject项目时,没有用到ndk,实际上这里的ndk默认情况下并没有用到,只是gradle的设置里有ndk因此必须配置ndk才能导入项目。

ndk是在编译核心库是才用到,核心库位于react-native/ReactAndroid,导入整个项目时以lib形式存在。查看
Examples目录下UIExplorer,会发现在buildgradle是以在线的方式导入核心库的。通过源码的方式导入被注释掉了。
dependencies {

compile fileTree(dir: 'libs', include: ['jar'])

compile 'comandroidsupport:appcompat-v7:2301'
// Depend on pre-built React Nativecompile 'comfacebookreact:react-native:011+'
// Depend on React Native source

// This is useful for testing your changes when working on React Native

// compile project(':ReactAndroid')

}
由此可知,编译UIExplorer并不需要ndk,如果你不想设置ndk,有2个办法

1拷贝AwesomeProject项目中的buildgradle,settingsgradle到UIExplorer的
android目录,在导入项目时选择UIExplorer/android就可以了,这样androidStudio会导入单个项目,否则会导入整个项
目。

2用androidStudio新建一个同名的项目,然后把UIExplorer目录中的文件拷贝到新建的项目中。
编译好之后启动服务器端,到react-native目录下执行:

npm install

node packager\packagerjs
windows下如果出现错误需要根据错误提示修改代码>

1、git是一种分布式的版本管理系统,Linux的创造者Linus写的。

2、GitHub是基于git的代码库托管站,也算是程序员的SMS(以码会友),其中一个主要的开源代码发布或托管站

3、git的作用就是对文件进行版本管理,方便在不同版本进行切换修改,类似文件分不同时间备份让后需要时找回其中一份代替,不过更方便使用。

4、GitHub某种程度上就是代码的网盘,也有开源开发商作为代码发布、存放、征集Bug和意见用。

5、git的特点:

1)就是云的概念,代码可以存在云端git的网站上,就像我们在各种设备间都能浏览到自己存储的网盘文件 一样,我们在各个设备间都能访问到自己的代码。

2)它的社交属性。因为代码是开源的,每个人都可以浏览别人的项目并提出意见,而且它像微博一样,你能粉别人,也能被别人粉。如果你是大牛,如果你或者你的项目够有趣,你就会有很多粉丝,你的项目也会被更多的人star。

3)它能给团队合作带来很大帮助。现在有些公司就是用github来开发项目的。github允许多人多分支的工作,并且标示别人的修改和备注,最后还能合并。



欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/13441153.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-07
下一篇 2023-08-07

发表评论

登录后才能评论

评论列表(0条)

保存