使用react-native模仿boss app

190 阅读1分钟

项目说明

  1. 使用react-native技术栈模仿boss app
  2. 使用mobx做数据状态管理(希望页面表现和数据管理分离,各自管理)
  3. 函数式组件
  4. 使用typescript开发

目录说明

src/                  // - 这是存放所有应用程序逻辑的地方,通常包括以下子目录:
  assets/             // - 存放所有的静态资源,比如图片、字体文件等。
    fonts/            // - 字体资源。
    images/           // - 图片资源。
  common/             // - 常用工具类,例如请求封装,缓存封装等等
  components/         // - 公共的组件
  config/             // - 配置文件
  mobx-store/         // - 状态管理
  pages/              // - 所有页面的入口文件
  types/              // - typescript公共类型
App.tsx;              // - 应用程序入口点文件。

效果图

Simulator Screenshot - iPhone 15 - 2024-09-29 at 18.06.15.png Simulator Screenshot - iPhone 15 - 2024-09-29 at 18.07.05.png Simulator Screenshot - iPhone 15 - 2024-09-29 at 18.08.19.png Simulator Screenshot - iPhone 15 - 2024-09-29 at 18.08.46.png Simulator Screenshot - iPhone 15 - 2024-09-29 at 18.09.28.png

项目代码地址

项目代码已经上传到github上面(查看),目前还没有太多调用原生能力的功能,有兴趣可以到上面查看,欢迎大家拍砖和发表建议,谢谢🙏🙏🙏🙏🙏

规划中

  • 添加调用原生能力的功能,例如拍照,本地文件存储,地理位置调用等等
  • 添加webview的例子,例如加载本地h5,加载远程url
  • 支持本地h5调用原生能力,支持远程app调用原生能力

持续更新中......