0
点赞
收藏
分享

微信扫一扫

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

(文章目录)

一、前言

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

在这里插入图片描述

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

android:Android原生工程目录;

ios:IOS原生工程目录;

package.jsonReact Native是基于javasript开发的语言,使用npm做为包管理工具,这个文件就是npm的包管理文件,主要配置项目依赖的第三方包;

index.js:这个文件是IOSAndroid在相应设备上打包运行的入口文件;(备注:早期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等二级三级目录)

二、优质博文

  • 《ReactNative进阶(一):ReactNative学习资料汇总》
  • 《ReactNative进阶(三):ReactNative项目启动原理介绍》
  • 《ReactNative进阶(四):ReactNative原理剖析之JS 层渲染之 diff 算法》
  • 《ReactNative进阶(五):ReactNative原理剖析之 Native层的渲染流程》
举报

相关推荐

0 条评论