# reactive-native-reading-notes **Repository Path**: qileshan/reactive-native-reading-notes ## Basic Information - **Project Name**: reactive-native-reading-notes - **Description**: react native + expo + sqlite轻松构建app - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: dev - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2025-09-01 - **Last Updated**: 2025-09-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # React Native阅读笔记应用 这是一个使用Expo和React Native构建的跨平台阅读笔记应用,支持Android、iOS和Web平台。应用允许用户管理书籍列表和添加阅读笔记。 ## 项目功能 - 📚 书籍管理:添加、查看、编辑和删除书籍 - 📝 笔记功能:为每本书添加、查看、编辑和删除笔记 - 🔄 数据同步:本地数据库存储,支持数据导出和重置 - 📱 跨平台:支持Android、iOS和Web - 🎨 现代UI:使用React Native Paper组件库构建美观界面 ## 技术栈 - **前端框架**:React Native - **开发工具**:Expo - **路由管理**:Expo Router - **UI组件库**:React Native Paper - **状态管理**:React Hooks - **本地存储**:SQLite - **其他库**: - react-native-gesture-handler:手势处理 - react-native-reanimated:动画效果 - react-native-popup-menu:弹出菜单 - toastify-react-native:消息提示 ## 项目结构 ``` reactive-native-reading-notes/ ├── App.js # 应用入口文件 ├── app.json # 应用配置 ├── package.json # 项目依赖 ├── app/ # 路由和页面 │ ├── (tabs)/ # 标签页路由 │ ├── _layout.js # 根布局 │ ├── book/ # 书籍相关页面 │ └── users/ # 用户相关页面 ├── assets/ # 静态资源 ├── components/ # 公共组件 ├── hooks/ # 自定义hooks └── utils/ # 工具函数 ├── database.js # 数据库入口 ├── dbConnection.js # 数据库连接 ├── bookOperations.js # 书籍操作 ├── noteOperations.js # 笔记操作 └── dbUtils.js # 数据库工具函数 ``` ## 安装和运行 1. 克隆仓库 ```bash git clone https://github.com/yourusername/reactive-native-reading-notes.git cd reactive-native-reading-notes ``` 2. 安装依赖 ```bash npm install ``` 3. 启动应用 ```bash # 启动开发服务器 npm start # 或直接启动特定平台 npm run android npm run ios npm run web ``` ## 数据库功能 应用使用SQLite进行本地数据存储,主要包含以下表: - `books`:存储书籍信息 - `notes`:存储笔记信息,与书籍关联 数据库操作封装在`utils/database.js`中,提供了完整的CRUD功能。 ## 贡献指南 1. Fork 仓库 2. 创建特性分支 (`git checkout -b feature/fooBar`) 3. 提交更改 (`git commit -am 'Add some fooBar'`) 4. 推送到分支 (`git push origin feature/fooBar`) 5. 创建新的Pull Request ## 许可证 本项目采用MIT许可证。详情请见LICENSE文件。