callstack/react-native-paper v2.0.1

Material Design 2.0 for React Native

on GitHub

We're excited to release the new version of React Native Paper, after more than 3 months of work, thanks to 21 contributors who made 129 commits.

Upgrading

This release includes several breaking changes and redesign of components to match the new material design guidelines. See our migration guide for a list of breaking changes and instructions for upgrading.

Highlights

💄Material Design 2.0: Components now follow the new material design guidelines, thanks to @gawrysiak, @jaulz, @Trancever, @satya164
👓Accessible: We now add accessibility related props automatically whenever it makes sense, thanks to @satya164
🕌 RTL Support: Various components now support RTL by default, big thanks to @iyadthayyil
👷‍♀️New components: IconButton, Checkbox.Android, Checkbox.IOS, RadioButton.Android, RadioButton.IOS, thanks to @jaulz and @satya164

Bug fixes

• Support null or false as children in Card - @satya164
• Support nesting modals - @jaulz
• Close speed dial on pressing action in FAB.Group - @satya164
• Remove Chip elevation on iOS - @satya164
• Fix Portal not rendering components some times - @jaulz
• Handle empty string in List.Item's description prop - @jaulz
• Fix Snackbar blocking touch at bottom of the screen - @bosung90, @KevinGulj
• Prevent focus and blur if TextInput is disabled - @jaulz
• Remove hardcoded height for Drawer.Item - @lukewalczak
• Make the whole Searchbar tappable - @ocarreterom
• Disable TouchableRipple if onPress isn't specified - @jaulz
• Fix Dialog's border radius to read from the theme - @iyadthayyil
• Allow Modal's children to grow to fill the content - @fzyzcjy
• Fix building for React Native Windows and React Native Mac OS - @KevinGulj
• Pass rest props to Button container for easier testing - @muxe
• Fix crash in Appbar when subtitle is empty string - @shcheuk
• Fix components in Portal not being clipped properly - @Trancever

Other improvements

• Make backdrop themeable with a new colors.backdrop property in theme - @jaulz
• Add ability to customize active and inactive colors with activeColor and inactiveColor props respectively in BottomNavigation - @satya164
• Add ability to hide labels with labeled prop in BottomNavigation - @satya164
• Support using BottomNavigation.SceneMap inside component's render in BottomNavigation - @satya164
• Add support for disabled FAB - @jaulz
• Allow styling the FAB.Group container - @satya164
• Allow styling individual action items in FAB.Group - @tkorakas