一个使用 React Native、Expo 和 TypeScript 构建的现代优雅笔记应用,支持离线存储、可自定义主题、流畅动画和响应式双栏布局。

Stars

8

7 天增长

暂无数据

Fork 数

0

开放 Issue

0

开源协议

MIT

最近更新

2026-07-27

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它将丰富的动画体验与完全离线功能和主题定制相结合,采用现代 Expo SDK 54 技术栈并以 TypeScript 编写,是移动端笔记应用的优秀范例。

适合谁使用

  • 寻求结构清晰参考项目的 React Native / Expo 开发者
  • 需要轻量级、支持离线和深色模式的移动笔记用户
  • 希望扩展一个干净开源笔记模板的爱好者

典型使用场景

  • 个人日常笔记与日记记录
  • 快速灵感捕捉和待办事项列表
  • 不依赖云端的离线笔记管理
  • 学习 React Native Reanimated 动画开发

项目优势

  • 使用 React Native Reanimated 实现流畅动画
  • 通过 AsyncStorage 自动本地保存,完全离线可用
  • 支持自定义主题和深色/浅色模式切换
  • 支持多选和批量删除,高效管理笔记

使用前须知

  • 无云同步或备份功能,笔记仅存储于本地
  • 需要通过 Expo Go 运行,未说明原生独立构建方式
  • 仅支持移动平台,无 Web 或桌面版本

README 快速开始

📝 Note App Expo

A modern and elegant Notes application built with React Native, Expo, and TypeScript.

📱 Beautiful and modern note-taking app with smooth animations, custom themes, and offline storage.

Create, edit, search, and organize your notes with a clean user interface, smooth animations, beautiful themes, and persistent local storage.


🎥 Preview

https://github.com/user-attachments/assets/64493f39-3009-40e4-82ce-37dd372da216


✨ Features

  • 📝 Create, edit and delete notes
  • 🔍 Instant note search
  • 🎨 Beautiful customizable note themes
  • 🌙 Dark & Light mode support
  • 💾 Notes are automatically saved locally using AsyncStorage
  • ⚡ Smooth animations powered by React Native Reanimated
  • 📱 Responsive two-column layout
  • ✅ Multi-select and delete multiple notes
  • 🚀 Fast, lightweight and user-friendly experience

🛠 Tech Stack

  • React Native
  • Expo SDK 54
  • TypeScript
  • Expo Router
  • React Native Reanimated
  • AsyncStorage
  • Expo Image
  • Expo Vector Icons

📂 Project Structure

src/
├── app/
│   ├── components/
│   ├── constants/
│   ├── note/
│   ├── new.tsx
│   └── index.tsx
│
├── context/
├── data/
├── types/

🚀 Getting Started

Clone the repository:

git clone https://github.com/astralvoidd/note-app-expo.git

Navigate to the project directory:

cd note-app-expo

Install dependencies:

npm install

Start the development server:

npx expo start

Scan the QR code using Expo Go on your Android or iOS device.


📦 Built With

  • Expo SDK 54
  • React Native 0.81
  • React 19
  • TypeScript

📄 License

This project is licensed under the MIT License.


👨‍💻 Author

Built with ❤️ by astralvoidd

If you enjoyed this project, consider giving it a ⭐.

If you have any suggestions or feedback, feel free to open an issue or submit a pull request.

项目描述

A modern Note App built with React Native, Expo, TypeScript & Reanimated featuring beautiful UI, dark mode, note themes, search, and smooth animations.

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
NUber-dev
精选
NUber-dev GitHub avatar

YTubic

YTubic is a fast, responsive, open-source YouTube Music desktop client for Windows, Linux, and macOS that uses direct InnerTube API communication and aggressive caching to provide instant navigation and playback.

Web 开发前端框架
226
react
精选
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web 开发前端框架
246,741