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 -> 6pimpleBig -> 10pimpleHuge -> 14small -> 16default -> 20large -> 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