Routing Template (TypeScript)

This template includes the installation and initial setup of routing using React Navigation. It includes several placeholder routes/screens and a Drawer navigator from the Brightlayer UI React Native Component Library.

Usage

To create a new project using the Routing Template simply run :

npx react-native init MyApp --template @brightlayer-ui/react-native-template-routing-typescript

Project Structure

Projects created using this template will start out with the following file structure:

|── /ios                              // ios project folder
|── /android                          // android project folder
|── /assets                           // fonts and images used by the application
|── App.tsx                           // app entry point
└── src
    |── /screens                            // sample application pages
    └── /Navigation                             
        |── index.tsx                     // sets up routing
        └── navigation-drawer.tsx         // sets up Drawer

Clear Metro bundler cache (recommended)

Run the command into the root of the created project.

yarn start --reset-cache