Releases · react-native-elements/react-native-elements
v5.0.0
⚠️ V5 RELEASE NOTES
PLEASE NOTE: This is the initial release for React Native Elements v5. The beta release has been live for 1.5 months and we have addressed several items. Thank you to everyone who participated in the testing. Your feedback was very helpful for the team. The primary change between the beta release and this v5 version is the migration to Pressable for Button component. Please see beta release notes for more details for the changes leading up to that pre-release version.
Please note that this is the first release in quite some time for React Native Elements. The reason for this was a change in maintainership and the core contributors team. We are a new, small team working to learn RNE and get the project back in a working state, but there will be bugs. When you find a bug, please document it and open an Issue. Please feel free to reach out via GitHub or our community Discord channel for any questions, and we appreciate everyone's patience as we work to address any open issues. We also welcome any contributions from the community as well as any project sponsorships - both help to drive the project forward.
What's Changed
💥 Breaking Change
- chore: migrate to monorepo by @arpitBhalla in #3272
- feat(ThemeProvider)!: update withTheme and ThemeProvider by @arpitBhalla in #3324
- feat(ThemeProvider)!: restructure default component theme by @arpitBhalla in #3582
- fix(Avatar): improve component by @khushal87 in #3760
- fix:react-native-ratings integration in react-native-elements by @codewithshinde in #3983
- Upgrade React native Vector Icons library by @deepktp in #3994
- Migrate Button component to use Pressable by @codewithshinde in #4011
🚀 New Feature
- feat(BottomSheet): add onBackdropPress handler by @kedar09 in #3074
- feat(Tab): add horizontally scrollable Tab.Items by @entrymaster in #3336
- feat(ListItem): add
onSwipeBeginandonSwipeEndhandlers & resetCallback by @arpitBhalla in #3180 - feat(Skeleton): new component by @arpitBhalla in #3357
- chore: migrate typealias to interface by @arpitBhalla in #3374
- feat(CheckBox): add disabled, disabledTitleStyle, disabledStyle props by @kedar09 in #3430
- website: add playground by @arpitBhalla in #3502
- feat(Tooltip): add
animationTypeprop by @arpitBhalla in #3487 - feat(base): add makeStyles by @arpitBhalla in #3510
- feat(theming): add
spacingto theme by @arpitBhalla in #3495 - feat(Button): add title as children & new
size,color,radiusprop by @arpitBhalla in #3494 - feat: add
ComponentFunctionPropsto theme by @arpitBhalla in #3645 - feat(SeachBar): add
onKeyboardHidefor android by @arpitBhalla in #3657 - feat: update Tab component by @arpitBhalla in #3658
- feat(Swipeable): add
minSlideWidthprop by @arpitBhalla in #3688 - feat(Header): add edges support for SafeAreaView by @thekevshow in #3741
- feat(Input): Ability to specify an Input
ErrorComponentby @markrickert in #3759
🐛 Bug Fix
- fix(Slider): Fix issues with scrub and allowTouchTrack by @CodeToTee in #3203
- #3213 Remove deprecated Keyboard.removeListener by @roffelund in #3215
- fix(themeColors): add support for dark mode by @arpitBhalla in #3078
- fix(FAB): add small size style by @sumj25 in #3322
- fix(AirbnbRating): add props to parent component by @knmn2000 in #3335
- fix(ListItem): remove Accordion height animation by @arpitBhalla in #3352
- fix(TabView): swipe issue by @arpitBhalla in #3380
- fix(Tab, TabView): conditional rendering by @WVAviator in #3397
- fix(theme): replace Partial to Colors by @arpitBhalla in #3418
- fix: change InputProps shake props optional. by @monk-lee in #3426
- fix(SpeedDial): add themed FAB by @arpitBhalla in #3436
- fix(Chip): border radius on tap by @kedar09 in #3442
- fix(Tooltip): removeEventListener deprecated warning by @monk-lee in #3440
- fix(SearchBar): typescript errors by @arpitBhalla in #3437
- fix(Theming): extend default theme by @arpitBhalla in #3450
- fix(ListItem): isExpanded set default false for Accordion by @kedar09 in #3475
- fix(Overlay): custom backgroundColor override by @kedar09 in #3471
- fix(SpeedDial): Left placement for Actions by @arpitBhalla in #3479
- fix(ListItem): Swipeable panresponders by @arpitBhalla in #3449
- fix(SpeedDial.Action): wrap with pressable by @arpitBhalla in #3480
- build: change build target by @arpitBhalla in #3493
- fix(ListItem): custom Icon for Accordion by @arpitBhalla in #3504
- fix(Tab): indicator on first render by @arpitBhalla in #3505
- fix(Icon): raised ios shadow issue by @kedar09 in #3491
- fix(ButtonGroup): render correctly in vertical mode by @kedar09 in #3432
- fix(ListItem): Accordion children areas were not hidden by @monk-lee in #3517
- fix(Dialog): Action button on web by @kedar09 in #3514
- fix(withTheme): add
spacingto non-ThemeProvider components by @arpitBhalla in #3525 - fix(makeStyles): add
Themein makeStyle interface by @arpitBhalla in #3526 - fix(ListItem): left & right content width onRelease in Swipeable by @louislatreille in #3534
- fix(Tab): inputRange using Array.from by @arpitBhalla in #3538
- fix(ButtonGroup): add and improve types and add tests by @grgr-dkrk in #3220
- fix: fix peerDependency compatibility by @navarroaxel in #3545
- fix(Tooltip): add default value in measure component by @Duell10111 in #3550
- fix(Button): theme spacing xs error by @arpitBhalla in #3563
- fix(Tab): indicator with initial index by @arpitBhalla in #3564
- fix: typo when exporting colors types by @rafae2k in #3580
- fix: add children as prop by @arpitBhalla in #3583
- fix(Switch): Android throws an error when setting it to false by @arpitBhall...
v5.0.0-beta.1
v4.0.0-rc.8
What's Changed
💥 Breaking Change
- fix(Avatar): improve component by @khushal87 in #3760
🚀 New Feature
- feat(Swipeable): add
minSlideWidthprop by @arpitBhalla in #3688 - feat(Header): add edges support for SafeAreaView by @thekevshow in #3741
- feat(Input): Ability to specify an Input
ErrorComponentby @markrickert in #3759
🐛 Bug Fix
- feat(Overlay): add KeyboardAvoidingView by @kedar09 in #3453
- fix(theme): add
ListItemSwipableto ComponentTheme interface by @muffix in #3691 - fix(withTheme): refs on functional components wrapped by @marcshilling in #3708
- fix(Icon): add testID prop by @KrisLau in #3787
- fix(ThemeProvider): update theme with prop change by @arpitBhalla in #3732
- fix(CheckBox): reduce needless re-rendering of Icon by @fivecar in #3773
- fix(Divider): borderBottomWidth error when the width is a percentage by @phankietit in #3804
📝 Documentation
- docs: change
expo inittocreate-expo-appby @ankit-tailor in #3682
Other Changes
- website: fix crawler multiple urls by @arpitBhalla in #3672
- chore: add docgen-ignore by @arpitBhalla in #3675
- chore: add discord community link by @arpitBhalla in #3679
- ci: expo upgrade gh action by @arpitBhalla in #3702
- ci: add docs bump gh action workflow by @arpitBhalla in #3704
- website: update landing page by @arpitBhalla in #3706
- tooling: auto build usages from
*.usage.tsxfiles by @arpitBhalla in #3707 - example: upgrade expo SDK to latest by @github-actions in #3705
- tooling: add support for jsx functions for usage generate by @arpitBhalla in #3711
- tests: breaking change for @testing-library/react-native by @arpitBhalla in #3714
- website: create migration guide for v4 by @arpitBhalla in #3717
- fix: package dependencies by @arpitBhalla in #3713
- docs: add more usage examples & update theme guides by @arpitBhalla in #3723
- website: add expo go client & update config by @arpitBhalla in #3725
- docs: add examples for ThemeProvider by @arpitBhalla in #3729
- docs: add usage examples for listitem & card by @arpitBhalla in #3733
- website: docusaurus upgrade by @dongCode in #3745
- fix(website): add Rating to sidebar by @khushal87 in #3753
- feat(website): adds playground link to the website hero by @pranshuchittora in #3765
- docs(Dialog): update broken link by @jsiot76 in #3780
- feat(Header): add hideStatusBar prop in header (#3755) by @ramizqazi in #3801
- docs: add avatar component changes in the migration guide by @khushal87 in #3805
- fix(ci): build errors by @arpitBhalla in #3806
- fix(Skeleton): height/width prop incorrect typing by @deepak-rawat78 in #3802
- chore: bump 4.0.0-rc.8 by @arpitBhalla in #3819
New Contributors
- @ankit-tailor made their first contribution in #3682
- @muffix made their first contribution in #3691
- @github-actions made their first contribution in #3705
- @thekevshow made their first contribution in #3741
- @dongCode made their first contribution in #3745
- @marcshilling made their first contribution in #3708
- @jsiot76 made their first contribution in #3780
- @ramizqazi made their first contribution in #3801
- @KrisLau made their first contribution in #3787
- @fivecar made their first contribution in #3773
- @phankietit made their first contribution in #3804
- @markrickert made their first contribution in #3759
- @deepak-rawat78 made their first contribution in #3802
Full Changelog: v4.0.0-rc.7...v4.0.0-rc.8
v3.4.3
- fix
react-native-safe-area-contextpeer-dependency version
v4.0.0-rc.7
What's Changed
🚀 New Feature
- feat: add theme to
ComponentFunctionPropsby @arpitBhalla in #3645 - feat(SeachBar): add
onKeyboardHidefor android by @arpitBhalla in #3657 - feat: update Tab component by @arpitBhalla in #3658
🐛 Bug Fix
- fix(TabView): iOS TabView issue by @abhinav-official in #3635
- fix(useTheme): undefined
componentserror by @arpitBhalla in #3643 - fix: property 'children' does not exist in React 18 by @arpitBhalla in #3663
- fix: rename
whitetheme color tobackgroundby @arpitBhalla in #3664
📝 Documentation
- docs: customisation page snippet by @rvenky125 in #3614
- docs: nextjs typo by @akinfelami in #3613
- docs(Avatar): remove activeOpacity prop by @dakshbhardwaj in #3618
- website: footer broken links by @OlivierJM in #3622
- website: fix broken link by @jckmrrssy in #3639
- docs: add
themeKeyto component docs by @arpitBhalla in #3641 - docs: update extending docs by @arpitBhalla in #3642
- docs(Tooltip): add controlled component to expo demo by @arpitBhalla in #3644
- docs: homepage sponsor url by @haruelrovix in #3652
- website: add missing dependencies by @MaximFedarau in #3653
- chore: upgrade docusaurus to latest by @arpitBhalla in #3659
- docs(Button): fix typos by @MaximFedarau in #3661
- docs: add usage Live example by @arpitBhalla in #3669
Other Changes
- chore: bump v4.0.0-rc.6 by @arpitBhalla in #3606
- ci: fix docs build by @arpitBhalla in #3670
New Contributors
- @rvenky125 made their first contribution in #3614
- @akinfelami made their first contribution in #3613
- @abhinav-official made their first contribution in #3635
- @dakshbhardwaj made their first contribution in #3618
- @OlivierJM made their first contribution in #3622
- @jckmrrssy made their first contribution in #3639
- @MaximFedarau made their first contribution in #3653
Full Changelog: v4.0.0-rc.6...v4.0.0-rc.7
v4.0.0-rc.6
v4.0.0-rc.5
v4.0.0-rc.4
What's Changed
🐛 Bug Fix
- fix(ListItem): Accordion children areas were not hidden by @monk-lee in #3517
- fix(Dialog): Action button on web by @kedar09 in #3514
- fix(withTheme): add
spacingto non-ThemeProvider components by @arpitBhalla in #3525 - fix(makeStyles): add
Themein makeStyle interface by @arpitBhalla in #3526 - fix(ListItem): left & right content width onRelease in Swipeable by @louislatreille in #3534
- fix(Tab): inputRange using Array.from by @arpitBhalla in #3538
- fix(ButtonGroup): add and improve types and add tests by @grgr-dkrk & @arpitBhalla in #3220
📝 Documentation
- docs: ThemeProvider code snippet by @piyush97 in #3536
- docs: add tsdoc for Input & SearchBar by @arpitBhalla in #3541
Other Changes
- website: add new appId & apiKey by @arpitBhalla in #3522
- website: support icons by @arpitBhalla in #3524
- chore: update twitter url by @arpitBhalla in #3527
- example: add missing props by @Ming1996 in #3532
- website: update webpack config by @arpitBhalla in #3537
- ci: website frozen lockfile by @arpitBhalla in #3539
- website: page title SEO by @arpitBhalla in #3540
- chore: bump v4.0.0-rc.4 by @arpitBhalla in #3542
New Contributors
- @Ming1996 made their first contribution in #3532
- @louislatreille made their first contribution in #3534
- @piyush97 made their first contribution in #3536
- @grgr-dkrk made their first contribution in #3220
Full Changelog: v4.0.0-rc.3...v4.0.0-rc.4
v4.0.0-rc.3
What's Changed
🚀 New Feature
- website: add playground by @arpitBhalla in #3502
- feat(Tooltip): add
animationTypeprop by @arpitBhalla in #3487 - feat(base): add makeStyles by @arpitBhalla in #3510
- feat(theming): add
spacingto theme by @arpitBhalla in #3495 - feat(Button): add title as children & new
size,color,radiusprop by @arpitBhalla in #3494
🐛 Bug Fix
- build: change build target by @arpitBhalla in #3493
- fix(ListItem): custom Icon for Accordion by @arpitBhalla in #3504
- fix(Tab): indicator on first render by @arpitBhalla in #3505
- fix(Icon): raised ios shadow issue by @kedar09 in #3491
- fix(ButtonGroup): render correctly in vertical mode by @kedar09 in #3432
📝 Documentation
- docs: update extending theme by @lucksp in #3482
- docs: update extend theme docs by @arpitBhalla in #3497
- docs: add fontWeight for Text on android by @arpitBhalla in #3506
Other Changes
- chore: remove circular-slider pkg by @arpitBhalla in #3483
- example: add webpack config by @arpitBhalla in #3492
- website: improve footer & sidebar styling by @arpitBhalla in #3498
- website: add Live Preview by @arpitBhalla in #3500
- chore: website version label
edgeby @arpitBhalla in #3508 - website: add SEO img & tags by @arpitBhalla in #3509
- website: update v4 blog by @arpitBhalla in #3511
- chore: bump v4.0.0-rc.3 by @arpitBhalla in #3512
New Contributors
Full Changelog: v4.0.0-rc.2...v4.0.0-rc.3
v4.0.0-rc.2
What's Changed
🚀 New Feature
🐛 Bug Fix
- fix: change InputProps shake props optional. by @monk-lee in #3426
- fix(SpeedDial): add themed FAB by @arpitBhalla in #3436
- fix(Chip): border radius on tap by @kedar09 in #3442
- fix(Tooltip): removeEventListener deprecated warning by @monk-lee in #3440
- fix(SearchBar): typescript errors by @arpitBhalla in #3437
- fix(Theming): extend default theme by @arpitBhalla in #3450
- fix(ListItem): isExpanded set default false for Accordion by @kedar09 in #3475
- fix(Overlay): custom backgroundColor override by @kedar09 in #3471
- fix(SpeedDial): Left placement for Actions by @arpitBhalla in #3479
- fix(ListItem): Swipeable panresponders by @arpitBhalla in #3449
- fix(SpeedDial.Action): wrap with pressable by @arpitBhalla in #3480
Other Changes
- chore: update readme pkg name by @arpitBhalla in #3435
- chore: fix readme & website by @arpitBhalla in #3448
- website: remove git.io link from blog by @renbaoshuo in #3474
- fix(ThemeProvider): add
childrenprop explicitly by @arpitBhalla in #3477 - fix(Skeleton): remove
typefrom import by @arpitBhalla in #3476 - chore: update example dependency by @arpitBhalla in #3478
Full Changelog: 4.0.0-rc.1...v4.0.0-rc.2