React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases.

Key concepts

react-native-paper focuses in important concepts that are hard to build from scratch.

Platform adaptation

React-native-paper meets high expectations set by iOS and Android ecosystems. Your users will appreciate this choice.

Full theming support

Every app is different – that’s why themes are first-class citizens in React-native-paper. Switch between dark and light modes, customise default colours or make your own. It’s never been that easy.

Accessibility and RTL support

React-native-paper is fully compatible with screen readers, readability tools and right-to-left languages. Make your app inclusive by default.

Installation

Open a Terminal in your project’s folder and run:

yarn add react-native-paper

or

npm install react-native-paper

If you’re on a vanilla React Native project, you also need to install and link react-native-vector-icons.

Specifically MaterialCommunityIcons icon pack needs to be included in the project, because some components use those internally (e.g. AppBar.BackAction on Android).

yarn add react-native-vector-icons
react-native link react-native-vector-icons