😎 React Native Template Material Design

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

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

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

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

💻 Contributing

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

🔖 License

This project is MIT licensed.