Smoothly Animated ToDo App built with React Native
The animated checkbox component has been published as an NPM module react-native-checkbox-reanimated
.
Tutorial
Watch how I built this website on YouTube:
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
How to dev
This project can be run from the Expo client app.
yarn
yarn start
Looking for a Markdown note-taking app? Check out my app called Inkdrop: