Skip to main content

Migrating v5 -> v6

react-native-ui-lib@6.x.x​

Presets​

Colors​

The colors of the palette were updated to more accessible ones. Renamed dark preset (dark10, dark20, ...) to grey (grey10, grey20, ...)

Shadows​

Old shadow presets changed to Shadows.sh10.top/bottom, Shadows.sh20.top/bottom & Shadows.sh30.top/bottom

Components​

Typings​

Various components typings were renamed ('ComponentPropTypes' is now 'ComponentProps')

SelectableComponent​

Component was removed

AnimationManager​

Service was removed

TagsInput​

Component was removed, please use ChipsInput instead

ThemeManager​

ThemeManager.setTheme API was removed

Avatar​

  • isOnline removed (use badgeProps instead)
  • status removed (use badgeProps instead)

Badge​

  • animationProps (please wrap with your own animated view)
  • testId (renamed testID)
  • size will not accept enum 'BADGE_SIZES' anymore, pass a number instead

See conversion map

pimpleSmall -> 6
pimpleBig -> 10
pimpleHuge -> 14
small -> 16
default -> 20
large -> 24

Card.Image​

  • imageSource (renamed source)
  • borderRadius (should be passed to the Card component)

PanningProviderDirection​

Renamed PanningDirection

KeyboardTrackingView​

useSafeArea prop default value changed to false.

react-native-animatable​

Dependency was removed

Stepper​

New design and API.

ProgressBar​

New design and API.

Dialog​

onModalDismissed removed, use 'onDialogDismissed' instead

CardSection​

Removed source, use imageSource

StateScreen​

  • Removed source, use imageSource instead
  • Removed testId, use testID

TabBarItem​

Removed badge, use badgeProps instead

TabController​

  • The component has been re-implemented using reanimated v2
  • TabController.TabBar childrend props is not supported anymore, pass items to TabController instead
  • Incubator.TabController removed