Clean and minimalist React Native template for a quick start with Material Design and proper Navigation in Typescript.
- Elegant usage directly within the React Native CLI.
- Proper Typescript implementation.
- Strict Lint rules with auto fix on save (on VSCode) using ESLint.
- Navigation implementation using react-navigation.
- Tab based navigation implementation using @react-navigation/bottom-tabs
- Material Design implementation using react-native-paper.
- Icons support using react-native-vector-icons.
- Proper commit message linting using commitlint, commitizen and husky.
npx react-native init MyApp --template react-native-template-material-designSee the below table to find out which version of the relevant package is used
| Package Name | Version |
|---|---|
| react-native | 0.68 |
| react-navigation | 6.0 |
| react-native-paper | 4.12 |
| react-native-vector-icons | 9.1 |
| Typescript | 4.4 |
This template only works with the new CLI. Make sure you have uninstalled the legacy react-native-cli first (npm uninstall -g react-native-cli) for the below command to work. If you wish to not use npx, you can also install the new CLI globally (npm i -g @react-native-community/cli or yarn global add @react-native-community/cli).
If you tried the above and still get the react-native-template-react-native-template-material-design: Not found error, please try adding the --ignore-existing flag to force npx to ignore any locally installed versions of the CLI and use the latest.
Further information can be found here: https://github.com/react-native-community/cli#about
Contributions are very welcome. Please check out the contributing document.
This project is MIT licensed.