React Native Paper is an open source UI component library implementing Material Design Guidelines for developing @ReactNative apps. Powered by @callstackio 🚀
@rn_paper v5.11.0 is out now! 🧙 Check out the upgrades:
🌐 hover support for TouchableRipple on web
⚠️ introduced new Icon component
🔎 added maxFontSizeMultiplier support to all components with Text instances
🩹 bug fixes
Changelog: https://t.co/Qor7vwb3N5
Enjoy! 🪁
Released @rn_paper v. 5.10.5, featuring these enhancements:
📏 improved TextInput sizing
🌗 fixed dark prop usage in Appbar
🍝 eliminated circular dependencies
�� resolved ripple issue in Button with various border radiuses
Changelog: https://t.co/ztL4gRnH1O
Enjoy!
Released @rn_paper v. 5.10.5, featuring these enhancements:
📏 improved TextInput sizing
🌗 fixed dark prop usage in Appbar
🍝 eliminated circular dependencies
💧 resolved ripple issue in Button with various border radiuses
Changelog: https://t.co/ztL4gRnH1O
Enjoy!
🤔Are you using Material Bottom Tabs Navigator?
💡Do you know the `material-bottom-tabs` navigator is moved to `react-native-paper`?
🧬 Wondering how to migrate?
The solution is quite simple... just modify the import statement 👇
Just made a slight improvement to the documentation of @rn_paper - a truly useful addition!
🔧Fixed the props header to finally display a complete list of props in the TOC on the right-hand side.
👉Also added prop annotation badges for extra clarity!
@rn_paper 5.10.0 has been landed 🪂
👷 fixes:
🌫️ shadow issue in BottomNavigation
📏 ProgressBar height on web
🃏 overriding Card radius
🩹 Chip width styles
🧑🎨 additions:
💧 support for rippleColor prop in nested pressables
✅ option for hiding check icon in Chip
Enjoy! 🙌
@rn_paper 5.9.0 update has arrived! 🚉
👉Update primarily focuses on resolving bugs 🧰
👉Excitingly, the example Android app now features a toggle in the drawer that enables the dynamic theme functionality supported in MD3.
Thanks @DimitarNestorov for taking care of that!🤝
@rn_paper 5.8.0 has been released!🎯
What's new? 🧑🎨
💧Tailor ripple effect to your needs - change its color or disable it
🫧 Customize onLongPress in the FABGroup
What's been fixed? 👷
👉List.Item layout alignments
👉iOS Surface flex styles
Enjoy the latest improvements🙌
Another @rn_paper sneak peek!🕵️
💬We're adding two ways to adjust the ripple effect:
👉use the rippleColor prop in individual pressable components to change the effect color
👉adjust the settings in Provider to disable ripple effect for all of Paper's components.
Stay tuned!🙌
New update coming soon to @rn_paper!
We're adding a "Theme colors" section to each component's doc to simplify the process of identifying theme color names and their corresponding roles without diving into the source code🙌
👀Stay tuned for the 1st batch of additions next week!
We've just released v5.7.0 🛬
This version contains mainly bug fixes 🧰
👉 Make sure to upgrade Paper in your apps and let us know if you encounter any issues.
https://t.co/dzmMJMsKhy
📢 Exciting news!
@rn_paper docs have a new colors scheme generator!
Customize your theme by setting primary, secondary, tertiary or custom colors!🎨
👉 Tool is based on the @materialdesign color utilities algorithm
Shoutout to @TomekJaniczek for this awesome contribution!👏
⬇️
💡Material Design guidelines suggest using shadows only when necessary, that's why in the latest @rn_paper release the mode prop has been added to the Surface component.
Choose between flat and elevated modes to decide when shadows should be applied
👉Update to 5.6.0 and enjoy!
🚨 Regrettably, in the @rn_paper 5.3.0, by mistake I introduced a breaking change that could cause issues with icons in your apps, so had to revert it
✅ Don't worry, v5.4.0 is now available and should work as expected. Sorry for the confusion and thanks for your understanding!
With some turbulence, but happily, the @rn_paper version 5.3.1 has landed 🛬
It includes:
🔍 redesigned Searchbar according to the Material You
🗺️ react-navigation integration for BottomNavigation
🖌️ ability to customize colors in SegmentedButtons
⌨️ TextInput styles fixes
⬇️
We're aware of the fact that @rn_paper docs differs from the latest trends, but it’s in the past!
Today, we can finally announce new documentation based on the @docusaurus! 🔥
That wouldn't be possible w/o the help of great people: Andriy Tsaryov, @yamankatby and @justdrkn 👏
This made our day 🎉 Our library is the most popular UI components library according to the State of React Native.
Thank you for your trust, and a special thanks go to all contributors – you made it possible.
https://t.co/Cn7j4XOQY2
Don’t let performance issues turn your #ReactNative app into a laggy nightmare. Read the Ultimate Guide to React Native Optimization and learn how to ship quicker with a stable environment.
Grab your free copy here ⬇️
@rn_paper received today the new patch version `5.1.4`, containing:
🪢 TS adjustments for RN 0.71.0
🔘 FAB `icon` and `label` types optionality
🧭 BottomNavigation label custom colors correction
🧰 Appbar and TextInput fixes
Enjoy!