A smoothly animated ToDo app built with React Native
TODO Native
Stack
- React Native – ReactJS-based framework that can use native platform capabilities
- Expo – Toolset for building and delivering RN apps
- React Navigation(v6) – Routing and navigation
- NativeBase(v3) – Themable component library
- React Native Reanimated – Animations
- React Native SVG – Drawing SVG
- Moti – Helper module for Reanimated 2
Project structure
$PROJECT_ROOT
├── App.tsx # Entry point
└── src
├── screens # Screen components
├── components # UI components
├── utils # Custom hooks and helpers
└── assets # Image files
Credits
- SALY 3D Illustration Pack
- Animated SVG stroke example by William Candillon
- How to build a smoothly animated ToDo app with React Native, Expo, Reanimated, NativeBase, and Moti by devaslife
- animated checkbox component by craftzdog, npm module:
react-native-checkbox-reanimated
Getting Started
Install dependencies.
yarn
This project can be run from the Expo client app.
yarn start
Read more in https://docs.expo.dev/ and https://docs.expo.dev/workflow/expo-cli/