Skip to main content

Migrating v4 -> v5

react-native-ui-lib@5.x.x#

Presets Updates#

  • Typography - Now provides a full set of typographies in all weights
  • Colors
  • Spacings - Unified both platforms to the same spacing presets (multiples of 4s).

Components#

AnimatedImage#

props change:

  • imageSource => source
  • imageStyle => style
  • testId => testID

AnimatedScanner#

props change: progress accepts number instead of Animated.Value

Button#

props change:

  • containerStyle => style

Dialog#

Old implementation was deprecated. See new example screen

TextInput#

Component renamed to TextField and enhanced with more form capabilities like validations.
<TextField placeholder="Enter email" validate="email" errorMessage="Email is invalid" />

RadioGroup#

props change:

  • value => initialValue

Toast#

Implementation had slightly changed, please see example screen

  • relative value for position prop was removed
  • Blur effect is not part of the component

ListItem#

Component not supporting animation out of the box (animatable wrapper was removed).

LoaderScreen#

Remove animationProps

Drawer#

Component implementation was completely changed and is using react-native-gesture-handler as its base infrastructure instead of react-native-interactable Please see example screen

Carousel#

Component API and implementation has changed. Now supports non-full-page carousel and a better way of rendering Carousel children.

Please refer to our Docs to learn more about the new API.

Removed Dependencies#

  • react-native-interactable

New Peer Dependencies (these should be installed separately)#

  • react-native-reanimated
  • react-native-gesture-handler
  • @react-native-community/blur
  • @react-native-community/datetimepicker

Removed components#

  • MultipleShadow
  • Tour
  • Notification
  • CardItem
  • CardSection