Your Next React Native App Will Still Be Done With Paper (2.0)

Authors
Ferran Negre
Software Engineer
@
Callstack
No items found.

Hooray! While react-native-paper has just reached 2000 ⭐️ on Github, we were announcing it at React Native EU 2018 as a major update for Paper that is aligned with the new Material Design guide. This is react-native-paper 2.0. Don’t want to read? No problem, I got a lighting talk that gets you covered:

Key concepts of Paper 2.0

Material design guidelines

New style and new components are awaiting for you, ready to be used on Android and iOS.

Platform adaptation

As you saw in version 1, we continue to provide platform adaptation so your iOS users keep feeling comfortable.

Full theming support

We extracted the theming logic into react-theme-provider. You can easily switch from light to dark theme or give your users any choice they want

Portal

Render dialogs, floating action buttons, snackbars… One thing above the other. Thanks to Portal you can easily manage it.

Accessibility and RTL

We’ve been working very hard for this version to be much better regarding accessibility. We want each and every of our components to be fully accessible and RTL compatible.

accessibility and rtl in react native paper library

Developer experience

Not only our example is Expo compatible but now you can also check any component in our docs and look for this link:

code snacks avaliable in paper 2.0

And you can just try it! Oh and we are also working in bindings for ReasonML.

1.0 vs 2.0

Some component differences between versions.

Button

buttons in react native paper 1.0 vs 2.0

TextInput

TextInput in react Native Paper 1.0 vs 2.0

Appbar

Yes, not a Toolbar anymore!

Appbar in React Native Paper 1.0 vs. 2.0

Summary

Want to see more? See the react-native-paper docs on GitHub. Check our React Native Paper repo too! We also have a Discord channel.

Wanna help? Be a contributor? There are lot of components to be made so join us in this beautiful journey, and do not hesitate to send a PR.

Table of contents
Launching or scaling an open-source project?

We help teams bring new open-source projects to life and grow them within the React Native space.

Let’s chat
Link copied to clipboard!
//
Insights

Learn more about

Open Source

Here's everything we published recently on this topic.

Sort
No items found.
//
Open Source

We can help you move
it forward!

At Callstack, we work with companies big and small, pushing React Native everyday.

React Native Development

Hire expert React Native engineers to build, scale, or improve your app — from day one to production.

React Development

Develop high-performance React applications with advanced patterns and scalable architectures.

React Compiler Implementation

Use React Compiler to achieve instant performance benefits in your existing applications.

React Native Trainings

Equip your team with React Native skills through tailored training sessions.