NativeLight
environment
environment-setup(If it is not version 7.2, switch to 7.2)
1. install
npm ci
2. run for android
npm run android
or
npm run start
then input a
in terminal
3. run for web
npm run start:web
开发流程
1. 确定类型
基础组件放在src/components/basic
下
业务组件放在src/components/business
下
2. 目录结构
componentName
- index.ts // 必须有,用于导出组件,以及导出默认主组件
- demo.tsx // 必须有,使用示例
- index.md // 必须有,组件使用文档
- componentName.tsx // 至少有一个主组件
- type.ts // 如果组件用到比较多或复杂的类型,需要单独定义在type文件中
3. 调试
暂时先直接在app.tsx中调试,同时避免提交对app.tsx的修改以避免冲突,后续再研究更好的调试方案
调试时除了npm run android
,同时也要npm run start:web
,避免web端的异常