Skip to content

BottomTabs review and base UI structure startup

Rafael Caferati requested to merge fix/bottom-tabs-review into release/4.14.0

The idea was to review the BottomTab structure while implementing a base UI strategy and new processes within its scope.

  • Review BottomTab general structure;
    • Add TabBar
    • Remove TabIcon
  • Implement basic UI Token definition
  • Implement icon component with centralized font mapping and margin awareness helper
  • Implement initial path alias strategy with babel's module-resolver
  • Spread the Icon component, module resolution and SPACING within the BottomTab scope

Closes #3244 (closed) / Touches #3254 (closed)

For the bottom spacing its using the SafeAreaView from react-native-safe-area-context default inset. It's close enough to most applications positioning so we should be good.

UI Reference

reference

UI Comparison

comparison

Edited by Rafael Caferati

Merge request reports