BottomTabs review and base UI structure startup
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 andSPACING
within theBottomTab
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
UI Comparison
Edited by Rafael Caferati