React Native Paper

React Native Paper is an open source UI component library implementing Material Design Guidelines for developing @ReactNative apps. Powered by @callstackio 🚀

[React Native Paper @rn_paper]

Fresh release, check the latest enhancements! 🎉

[Luke Walczak @_happiryu]

@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! 🪁

[React Native Paper @rn_paper]

👀

[Luke Walczak @_happiryu]

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!

[Luke Walczak @_happiryu]

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!

[React Native Paper @rn_paper]

👀

[Luke Walczak @_happiryu]

🤔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 👇

[React Native Paper @rn_paper]

Check out these documentation updates! 👀

[Luke Walczak @_happiryu]

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!

[Luke Walczak @_happiryu]

@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! 🙌

[Luke Walczak @_happiryu]

@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!🤝

[Luke Walczak @_happiryu]

@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🙌

[React Native Paper @rn_paper]

👀

[Luke Walczak @_happiryu]

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!🙌

[React Native Paper @rn_paper]

👉Look out for the first set of updates, coming next week!

[Luke Walczak @_happiryu]

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!

[Luke Walczak @_happiryu]

If you are @rn_paper user, which Material Design generation is your choice? 🤔

👇🗳️

[React Native Paper @rn_paper]

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

[React Native Paper @rn_paper]

Check out our latest feature! 🚀

[Luke Walczak @_happiryu]

📢 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!👏
⬇️

[React Native Paper @rn_paper]

@rn_paper version 5.6.0 has just been released!

Make sure to upgrade Paper in your apps and let us know if you encounter any issues 👐

[Luke Walczak @_happiryu]

💡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!

[Luke Walczak @_happiryu]

🚨 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!

[Luke Walczak @_happiryu]

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

⬇️

[Luke Walczak @_happiryu]

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 👏

[React Native Paper @rn_paper]

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

[Callstack Engineers @callstackio]

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 ⬇️

[Luke Walczak @_happiryu]

@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!