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

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