React Native Paper

React Native Paper – Cross-platform Material Design

Ina HranovaIna Hranova 1 minute 93 views

Share:

React Native Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.It allows building beautiful interfaces on Mobile and Web with high-quality cross-platform components. Furthermore, Paper provides you with a full theming support,accessibility, RTL and it will take care of platform adaptation. This means you can focus on building apps with ready to use components instead of reimplementing the boring stuff.

Installation

Let’s install React Native Paper.

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.

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

All the Components

  • ActivityIndicator
  • Header
  • Avatar
  • BottomNavigation
  • Button
  • Card
  •  Checkbox
  • DataTable
  • Dialog
  • Divider
  • Drawer
  • FAB
  • List
  • Menu
  • ProgressBar
  • RadioButton
  • Searchbar
  • ToggleButton
  • Typography

Demo App

Also, you can review the demo app here

If you’re going to design an application that looks universal across platforms, this is a perfect option. The documentation clearly explains how to customize the available components with simplicity as well as detailed info regarding every single component and API available, including code snippets, examples and references.

Check out more the official docs. Feel free to jump in and happy coding!