Summary

• Lots o bug fixes!

New Props

add textProps prop to Badge: #2395
add Image static methods from RN #2407
add buttonContainerStyle to ButtonGroup #2415
add toggleAction to ToolTip #2406

Fixes

Avatar when round is true: #2247
fix Checkbox no title spacing issue #2397
Icon specific web/font warning #2399
fix ios raised Button issue #2400
Add testID to ListItem::PadView #2404
Stop triggering LayoutAnimation without setting state in SearchBar-ios #2390
add regular font to all android fonts #2402
Header component height issue in android with StatusBar #2405
Have IconObject extend TouchableHighlightProps so that HeaderIcon can support props like underlayColor #2185
fix padding in ListItem for web #2416

Summary

• Fixes propTypes warnings from 2.0.1

Fixes

Image source props: #2379 @flyingcircle
Style props fixes: #2375 @arabold
add themeKey to withTheme types: #2303 @ivyhjk
add even to Image onLoad functions: #2314 @danielholmes

Summary

• Supports React Native 62
• Supports React Native Web 0.12

Features

• Add Fontisto to Icon types. #2361 @shiroze
• Allow PricingCard button to take generic component #2332 @flyingcircle

Fixes

• Invalid props.style key 0 supplied to Image Warning - #2337 @saxenanihal95
• Fix Android default Header crash due to ImageBackground - #2199 @25juan
• Fix Avatar flickering issue: #2287 @xavier-villelegier
• RTL Fix for tooltip modal: #2340
• Pass event in serachbar onFocus and onBlur: #2342 @jparksecurity
• Remove React PropTypes: #2338 @flyingcircle
• useNativeDriver in Input shake function: #2355 @dquessenberry

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

Fixes a typescript bug where using withTheme with a class component would require you to pass in theme-related props. c77f12c @roadmanfong

This version's fixes are all typescript related.

• Icon Fixes a types bug with iconStyle where some users depending on when they installed the lib wouldn't be able to add TextStyle values 1800478 @Naturalclar
• Tile Add missing overlayContainerStyle prop to types a9374f1 @atrimn

Fixes a long-standing bug with ListItem where It would fail on the web when onPress was used 312d8e7

React Native Web Improvements

If you were using react-native-web and you saw errors like React does not recognize the xx prop on a DOM element these are now gone 🎉 3da6e9f @iRoachie

Fixes

• Image Bug introduced in 1.2.0 where testID could no longer be set 1dbd7e0 @TomJKlug

This is patch release following some changes in react-native@0.61.0 around component types and propTypes assertions.

Fixes

• Update the propType all components that accept a component as a prop 28b58f1 @iRoachie