Skip to content

v1.0.0

Choose a tag to compare

View all tags
@iRoachie iRoachie released this 28 Jan 00:43
· 759 commits to master since this release
v1.0.0
2c2f469

Summary

React Native Elements v1 is finally here!! 💯 This is the biggest and more improved release so far so please read through the release notes below carefully. And welcome to v1 🎉

Thanks to all that have submitted issues, pull requests and helped us to reach this milestone today. ❤️

Be sure to check out our blog post if you're upgrading from 0.19.1!

BREAKING CHANGES

Avatar, Badge, ButtonGroup, CheckBox, Icon, ListItem, SocialIcon

If you were using the component prop for any of these, it's now changed to Component. 3582b78 @iRoachie

Avatar

If you were using the editButton prop before, the param names are now changed e44bff0 @iRoachie

// Before
<Avatar 
  editButton={{
    iconName: 'xx',
    iconType: 'xx',
    iconColor: 'xx'
  }}
/>

// After
<Avatar 
  editButton={{
    name: 'xx',
    type: 'xx',
    color: 'xx'
  }}
/>

Button

  • We've added button types! Buttons can now have a type of solid, clear or outline. This means that the clear prop is now deprecated. Also in this change,buttons on Android by default won't be raised -- if you want a raised button, then add the raised prop. 773131e, 5673323 @iRoachie

  • The default title "Welcome to React Native Elements" is now gone. If for some reason you were depending on this in your app 😅 you'll have to set the title. 52678d5 @iRoachie

Badge

  • wrapperStyle is now been deprecated. containerStyle now functions as what was wrapperStyle and a new prop badgeStyle replaces what was containerStyle.
  • element prop which was undocumented is now deprecated. Just use the value prop
  • Badges can no longer render children. Instead, if you want a custom component you can use the value prop which now supports rendering react components.
  • We've added "mini badge" 😅 which functions as a status indicator when no value is provided.
  • Adds status prop which is a convenience prop for styling the background via badgeStyle for quick and commonly used scenarios

3dc362d @iRoachie

ButtonGroup

Deprecates the disableSelected prop and introduces 5 new props for handling disabled states:

  • disabled
  • disabledStyle
  • disabledTextStyle
  • disabledSelectedStyle
  • disabledSelectedTextStyle

aa4db53 @iRoachie

Card

Deprecates two props:

  • fontFamily - Can be set via titleStyle prop
  • flexDirection - Can be set via wrapperStyle prop

6785970 @iRoachie

SearchBar

Adds the ability to customize the "Cancel" button on the iOS SearchBar with some new keys in the cancelButtonProps props:

cancelButtonProps: {
  buttonStyle,
  buttonTextStyle,
  color,
  disabled, // boolean for the Touchable
  buttonDisabledStyle,
  buttonDisabledTextStyle,
}

733e38c @tux-tn

Input

Input previously had a default width of 90% that would give it a weird inset. It's now been fixed to appear as expected.

See before and after in #1640 (comment).

2df01ce @iRoachie

Text

Deprecates the fontFamily prop. If you want to change the font family you can use the style prop.

890d4c9 @iRoachie

Features

Bug Fixes/Warnings

Docs

Misc

Assets 2
Loading