Migrating v6 -> v7
react-native-ui-lib@7.x.x
#
#
Presets#
ThemeManagerThemeManager doesn’t support the following settings and getters anymore:
getTheme()
primaryColor
CTATextColor
CTADisabledColor
CTABackgroundColor
titleColor
subtitleColor
dividerColor
#
Colors‘Colors.primary’ is deprecated. Please use the design tokens instead, for example:
instead of passing
style={{backgroundColor: Colors.primary}}
pass
style={{backgroundColor: Colors.$backgorundPrimaryHeavy}}
To generate the tokens based on your primary color, use:
Colros.loadDesignTokens({primaryColor: <your primary color>})
See Colors docs for more information
#
ShadowsThe dark
presets are deprecated. Please use the grey
presets instead.
#
Dependencies#
typescriptMinimum version of typescript is now ^4.9.5.
#
momentThe moment
package was removed from our dependencies and bacome an optional dependency for the DateTimePicker
component (relevant only for dateFormat
and timeFormat
feature).
#
Components#
AvatarimageSource
prop is deprecated. Please use ‘source’ prop instead.
#
ChipsInputThe component was deprecated and replaced by formar Incubator.ChipsInput
.
#
ColorPickerstyle
prop is deprecated.
#
DateTimePickerMigrate internal TextField
component to the new implementation. See TextField
migration below.
#
DrawerleftToggleHapticTrigger
prop is deprecated.
#
FaderFaderPosition
enum LEFT
and RIGHT
cases are deprecated. Please use START
and END
instead.
#
Incubator.ToastzIndex
prop is now set to 100
as default on Android.
#
KeyboardAccessoryViewiOSScrollBehavior
prop and iosScrollBehaviors
enum are deprecated. Please use scrollBehavior
prop instead and pass it KeyboardAccessoryView.scrollBehaviors
.
#
KeyboardAwareListViewComponent removed. Please use KeyboardAwareScrollView
or KeyboardAwareFlatList
components instead.
#
Pickervalue
prop now accepts only string
or number
and not objects.
useNativePicker
renamed useWheelPicker
.
renderNativePicker
prop was deprecated.
#
RadioButtoncontentOnRight
prop is deprecated (the content is on right by default).
#
SkeletoncontentData
prop is deprecate. Please use the customValue
prop.
All the following props has been removed, you can send them inside the listProps
prop:
size
contentType
hideSeparator
showLastSeparator
#
TabBarComponent removed. Please use TabController
component instead.
#
TabControllerselectedIndex
prop is deprecated. Please use initialIndex
prop instead.
#
TextFieldThe component was refactored completely with a new API.
Props migration:
helperText
->hint
Title
->label
titleColor
->labelColor
titleStyle
->labelStyle
showCharacterCounter
->showCharCounter
transformer
->formatter
prefix
->leadingAccessory
prefixStyle
->leadingAccessory
rightIconSource
->trailingAccessory
rightIconStyle
->trailingAccessory
rightButtonProps
->trailingAccessory
leadingIcon
->leadingAccessory
useTopErrors
->validationMessagePosition
error
prop is deprecated. Please usevalidationMessage
prop withvalidate
prop.expandable
prop is deprecatedrenderExpandableInput
prop is deprecatedrenderExpandable
prop is deprecatedonToggleExpandableModal
'prop is deprecatedtopBarProps
prop is deprecated
Check full (and new) API: https://wix.github.io/react-native-ui-lib/docs/components/form/TextField
#
WheelPickerThe WheelPicker component has a new implementation.
The component is now uncontrolled and have some prop changes:
selectedValue
prop renamed initialValue
(do not update unless it has been changed from non-user origin).
onValueChange
prop renamed onChange
.
Also, children
can now be passed to the items
prop (not mandatory).
Check full (and new) API: https://wix.github.io/react-native-ui-lib/docs/components/form/WheelPicker