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/

GitHub

View Github