.webp)
Your Next React Native App Will Still Be Done With Paper (2.0)
In short
React Native Paper hits 2000 stars on GitHub with the release of version 2.0, featuring new styles and components aligned with Material Design. Key highlights include platform adaptation for iOS, full theming support, enhanced accessibility, and RTL compatibility. The update emphasizes a smooth developer experience, Expo compatibility, and ongoing work on ReasonML bindings.
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.
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:
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
TextInput
Appbar
Yes, not a Toolbar anymore!
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.
FAQ
By subscribing to the newsletter, you give us consent to use your email address to deliver curated content. We will process your email address until you unsubscribe or otherwise object to the processing of your personal data for marketing purposes. You can unsubscribe or exercise other privacy rights at any time. For details, visit our Privacy Policy.
I agree to receive electronic communications By checking any of the boxes, you give us consent to use your email address for our direct marketing purposes, including the latest tech & biz updates. We will process your email address and names (if you have entered them into the above form) until you withdraw your consent to the processing of your names, or unsubscribe, or otherwise object to the processing of your personal data for marketing purposes. You can unsubscribe or exercise other privacy rights at any time. For details, visit our Privacy Policy.
By pressing the “Download” button, you give us consent to use your email address to send you a copy of the Ultimate Guide to React Native Optimization.
