ReactNative进阶(二):ReactNative项目文件结构介绍

举报
SHQ5785 发表于 2021/05/08 01:31:30 2021/05/08
【摘要】 前言 在学习一门新语言,搭建完新项目时,有必要了解下项目结构。 HelloWorld |-- android |-- ios |-- node_modules |-- package.json |-- index.js |-- img |-- public |-- scene |-- libs android:Android原生工程目录; ios:IO...

前言

在学习一门新语言,搭建完新项目时,有必要了解下项目结构。

HelloWorld
|-- android
|-- ios
|-- node_modules
|-- package.json
|-- index.js
|-- img
|-- public
|-- scene
|-- libs

android:Android原生工程目录;

ios:IOS原生工程目录;

package.json:React Native是基于javasript开发的语言,使用npm做为包管理,这个文件就是npm的包管理的文件,主要配置我们依赖的第三方包;

index.js:这个文件是IOS和Android在相应设备上打包运行的入口文件;(备注:早期React Native项目应该是index.ios.jsindex.android.js两个单独的入口文件)

img:存放界面要显示的png图片;

public:存放工具js,网络请求js的封装,数据存储js等相关操作的js;(备注:可以在public中创建分类目录,public/net、public/datastorage等)

scene:存放项目的JS组件(界面);(备注:可以在scene目录下创建不同功能模块的目录,例如scene/draw,scene/user,scene/home等二级三级目录)

优质博文

文章来源: shq5785.blog.csdn.net,作者:No Silver Bullet,版权归原作者所有,如需转载,请联系作者。

原文链接:shq5785.blog.csdn.net/article/details/115998407

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。