Releases: wix/react-native-ui-lib
Releases · wix/react-native-ui-lib
4.2.0
What's New
- New component -
Wizard
-> control your flows with a wizard steps - Added a unified, cross-platform
DateTimePicker
component. based on the native dateTimePicker library (@react-native-community/datetimepicker
) TextField
now supports validations. passvalidate
,errorMessage
and other relevant props (see docs) to add form validations to your components
<TextField placeholder="Please enter text" validate="required" errorMessage="This field is mandatory" />
<TextField placeholder="email" validate="email" errorMessage="The email your entered is invalida" />
<TextField placeholder="...." validate={(value) => /*custom validation function*/} errorMessage="custom error messsage" />
Fixes
- Update typings for all components
- Fix issue with typography modifiers not working on components like TextField and Picker
Slider
- fix lifecycle method warning- Fix spacings and alignments for TextField
FloatingButton
support hiding background overlay- Fix
Carousel
issue with incorrect initial page - Fix
Carousel
issue with orientation change not focusing correctly on the current page - Minor fix with how custom
renderPicker
(of a native picker) being rendered
4.1.2
4.1.1
4.1.0
New Features
Image
now support rounded Android gifsIncubator.TouchableOpacity
now supportsactiveScale
- add scale animation when pressing the buttonIncubator.TouchableOpacity
now supports modifiersTabController
now support rendering pages as carousel usingTabController.PageCarousel
Constants
now exports alsowindowWidth
andwindowHeight
which bases onDimensions.get('window')
- Allow setting
TabController.TabBar
container width by passing thecontainerWidth
prop - Set
accessibilityState
forCard
when passingselected
prop - Add example screens for
ColorSwatch
andColorPicker
Fixes
- Fix issue with
overlayType
andcover
props wasn’t working on image styled with absolute position - Fix
Carousel
initialPage
with dynamic pages - Fix an Android issue with
Carousel
’s page offset on orientation change - Fix
TabController.TabPage
zIndex issue - Set
Image
accessibility to false by default - Fix issue with API inconsistency when migrating from native
Picker
to defaultPicker
- Fix accessibility for various components (
Checkbox
,Picker
,Dialog
,Modal
,Badge
,Avatar
) - Fix UNSAFE lifecycle method warning when using the
Drawer
component - Fix
Drawer
accessibility warnings - Update example demo app icon and name
- Enable back usage of react-native-blur in our components (
Card
,Modal
) - Fix issue with background modifier always applied even when passing
false