react-native-elements/react-native-elements v2.0.0

on GitHub

Summary

The first release of 2020 of React Native Elements 🎉 This release primarily works on cleaning up and improving some existing components but needed a major release because of breaking changes. As always we'd love your feedback on some of the new changes.

We also welcome a new core contributor:

• Jeremy Hamilton @flyingcircle

New contributors help so that the project stays alive and updated as members move on to other things in life.

Thanks to everyone who contributed to this release, and stay safe amidst the pandemic 😷

🚨 Breaking Changes

Avatar

• overlayContainerStyle is now able to override the borderRadius set on for avatar in rounded mode. If in your app you had set borderRadius or the overflow property on this style, it will now take effect. d72d541 @sudeepto-dutta
• editButton becomes accessory.
  onEditPress becomes onAccessoryPress
showEditButton becomes showAccessory
accessory can now include a source to show a custom image. #2323 @flyingcircle

Button

• On Android, now has a coloured ripple that matches the text color while on solid, and the primary color while on clear, outline. #2137 @iRoachie. To revert this behaviour, set background={TouchableNativeFeedback.Ripple(undefined, false)}
• When in the loading state, onPress events will no longer be triggered. db730c3 @imcvampire

ButtonGroup

• Remove containerBorderRadius prop 5f28f0b @Naturalclar
  • Can use containerStyle prop instead

Icon

• Now uses the different Touchable for Android. TouchableNativeFeedback will be the default on Android. This will affect the Icon as well as components that use it (SearchBar). To get back the previous behaviour, use TouchableComponent={TouchableHighlight}. b7d28c7 @iRoachie
  • underlayColor is now set to transparent (previous white). To revert set underlayColor="white"
  • activeOpacity is now set to 0.3. To revert set activeOpacity={0.85}

Image

• Image can no longer overflow the container c1690c2 @iRoachie. If you need this behaviour set containerStyle={{ overflow: 'visible' }}

Input

• inputComponent is now InputComponent 16fbb08 @flyingcircle
• Fix default styling so that icon lines up along the left side #2116 @ganes1410

Overlay

Removes containerStyle, windowBackgroundColor, overlayBackgroundColor, borderRadius, width, and height props. Initial width and height of overlay are now auto before having set values. 7655a85 @iRoachie

• containerStyle becomes backdropStyle
• For windowBackgroundColor, set backgroundColor on backdropStyle
• For overlayBackgroundColor, set backgroundColor on overlayStyle
• For borderRadius, set borderRadius on overlayStyle
• For width and height, set width and height on overlayStyle

Features

• Support for FontAwesome5 🎉 6cc85af @iRoachie
• General improvements for accessibility, CheckBox 0c03c85, Button 3e567de eff6bb3 @iRoachie
• Tooltip Overlay Now has a ModalComponent prop to allow using a web-compatible modal component for react-native-web. c277ef3 @oxyii
• SocialIcon Adds iconType prop to allow for custom icon vector icon set. d9bfbc9 @flyingcircle
• ButtonGroup add vertical prop #2326 @flyingcircle

Fixes

• Button Ripple now respects borderRadius 23652ac @iRoachie
• ButtonGroup marginHorizontal now works on containerStyle adb2973 @oxyii
• CheckBox Allow passing custom testID bac6063 @Asvarox
• Tooltip Fixes issues with inaccurate tooltips with the status bar by adding a new prop skipAndroidStatusBar 8584917 @oxyii
• Input Fixes issue with error message changing the display height of the component @saxenanihal95
• Image Fixes issue with Image not applying style props #2313 @bscaspar

Docs

• Input Add onChangeText example 5131578 @xAirx
• Input Add password example 3caa0ee @morenoh149
• Checkbox Add custom Component option to title prop 4ec03ac @flyingcircle
• ListItem Add note that it accepts all props from TouchableHighlight b186e53 @tingzhouu
• ToolTip Fix the anchor tags so that they link correctly 6956db2 @adnanirfan
• Typos, Grammar 7cfbda6 @adamdune f41beb5 @baraa95 d14d603 @msal4 951cc83 @dsouzaedison

Other

• Increase test coverage for Tooltip 9fafaf4 @haruelrovix