:sunglasses: React Native Template Material Design

Clean and minimalist React Native template for a quick start with Material Design and proper Navigation in Typescript.

:star2: Features

• 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.

:pencil2: Usage

npx react-native init MyApp --template react-native-template-material-design

See the below table to find out which version of the relevant package is used

React Native <=> Template Version

| 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 |

:warning: React Native CLI

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

:computer: Contributing

Contributions are very welcome. Please check out the contributing document.

:bookmark: License

This project is MIT licensed.