react-native-elements/react-native-elements v1.0.0-beta7

1.0.0-beta7

on GitHub

Summary

Here is the 7️⃣th beta for the v1.0.0!! And the last one before v1.0.0 💯
This beta took a loooooOOooong ⌚️ time to release, and we're sorry for the wait! Everyone has gotten a bit busier lately, but nevertheless, the release is here! Thanks to everyone who contributed to this release.

We recently published 1.0.0-beta6 2 days ago but didn't release it as a beta on npm so we had to remove it and cut a new version. Sorry about that!

Theming 👨🏽‍🎨!!

You've asked for it and it's finally here! React Native Elements Now Supports Theming 🎨! Not just colours, but EVERY, SINGLE, PROP. Ever wanted to make all your SearchBars look the same, right out the box? Now you can!

We would loveee everyone to try it out and give us feedback. Be sure to check the updated docs on how to get started. Thank you for waiting so long!

BREAKING CHANGES

PricingCard

Props infoFont, pricingFont, and titleFont have been replaced by infoStyle, pricingStyle, and titleStyle a521fc5 @Gregjarvez

Header

Refactored to support better support on android and finally support iPhone X d574d3b @martinezguillaume

• Props outerContainerStyles, and innerContainerStyles are deprecated in favour of containerStyle, leftContainerStyle, and rightContainerStyle.
• Adds helper prop barStyle to update the StatusBar.
• PropsleftComponent, centerComponent and rightComponent can now accept strings or a react native component.

ListItem

Props chevronColor and checkmarkColor have been deprecated. You can now set customize the chevron and checkmark by using an object. faf51e5 @martinezguillaume

// Before
<ListItem checkmark checkmarkColor="red" />

// After
<ListItem checkmark={{ color: 'red' }} />

New features / Components

• New Tooltip component! eaac261 @AndreiCalazans
• Add Theming Support e9750c8 @iRoachie
• Avatar Added placeholder image and image ready fade animation f8af41c @martinezguillaume
• Avatar Added ImageComponent prop to pass in custom Image component 3cfc564 @sabativi
• CheckBox Add wrapperStyle prop df0cb20 @devth
• ListItem Add pad prop to customize the padding between elements 37bb1e3 @Gregjarvez
• Icon Add disabled and disabledStyle props 906b3e6 @iRoachie
• Input Can now override underlineColorAndroid be51a98 @M-Jas
• Input Add isFocused() class method 0c8a18d @howey-aus
• Input Add errorProps and labelProps props c789507 @msevestre
• Input Add inputComponent prop 60e5201 @mgcrea
• Rating Add onStartRating prop b981220 @OtavioBraga

Bug / Warning fixes

• SearchBar Fix onClear method for the default SearchBar 1a054bd @LouisJS
• SearchBar Width no longer fixed to screen width 925f96e @iRoachie
• Button Allow overriding of TouchableComponent props ae0c413 @Amurmurmur
• Button Fix ripple on android version 21 and higher 3e52e4b @patsissons
• Button Fixed borderRadius for disabled style on android 9e8498c @msevestre
• Button Fixed bug where containerStyle couldn't override lightTheme styles f2dbc3e @DaKaZ
• Button Fixed bug where button with linearGradient would ignore disabled styles a751f5c @Gregjarvez
• ListItem Don't crash on android when empty rightTitle or rightSubtitle used ac80e47 @iRoachie
• ListItem Fix titleProps being ignored 64874ef @msevestre
• PricingCard No longer throws a warning for not passing info prop 72a2513 @anushbmx
• ButtonGroup Fix borders flickering when tapping on a tab ff3af06 @iRoachie
• ButtonGroup Allow having button group without inner borders dc783de @iRoachie
• Input Fixed bug that caused errorMessage and label to render an empty string outside of b153cab @kirakik
• Remove npm warning when using v5.x of react-native-vector-icons e3119e6 @LinusU

Docs

• Lists Fix URL hash for containerStyle between List and ListItem props a08f9f4 @x3388638
• Avatar Add missing icon type to examples 8f51f96 @iamthuypham
• SearchBar Fix props anchor links 0e98a6f @lwurl
• SearchBar Add leftIconContainer, rightIconContainer cea18bc @drewrothstein
• Button Fix typo in 0.19.0 where component prop should be Component 0f0338f @iRoachie
• Avatar Do not use index as a key for avatar example 35224d3 @robinpokorny

Misc

• (typescript) Add size prop to CheckBox 926609d @mklopets
• (typescript) Add registerCustomIconType typing 4fd270b @AdrianoRuberto
• (deps) Upgrade jest version to work with node 10 2ce1b97 @drewrothstein
• (deps) Use opencollective-postinstall for smaller install size 6a574c2 @LinusU
• Button - Allow compatibility with react-native-web ee2fe0f @enewbury
• (types, docs) Change clearText references to clear 5a65c9b @amhinson