@sudobility/building_blocks_rn 0.0.44 → 0.0.45

package/dist/src/components/bottom-action-bar/BottomActionBar.js

@@ -12,14 +12,17 @@ import { View, StyleSheet } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { BottomTabBarHeightContext } from '@react-navigation/bottom-tabs';
 import { createThemedStyles } from '../../utils/styles';
+const SPACING = 16;
 export function BottomActionBar({ children, style }) {
     const styles = useStyles();
     const insets = useSafeAreaInsets();
     const tabBarHeight = useContext(BottomTabBarHeightContext);
-    // Under a tab bar, the tab bar already covers the home indicator, so the
-    // bar sits directly above it with a small constant. Otherwise (pushed/modal
-    // screens that cover the tab bar) honor the bottom safe-area inset.
-    const paddingBottom = tabBarHeight != null ? 12 : Math.max(insets.bottom, 12);
+    // Above a tab/tool bar: it already covers the home indicator, so just add
+    // spacing above it. Otherwise: sit above the bottom safe-area inset with
+    // spacing. (Inside a modal, reset BottomTabBarHeightContext so this takes
+    // the no-tab-bar branch — the tab bar isn't actually below the modal.)
+    const hasTabBar = (tabBarHeight ?? 0) > 0;
+    const paddingBottom = hasTabBar ? SPACING : insets.bottom + SPACING;
     return _jsx(View, { style: [styles.bar, { paddingBottom }, style], children: children });
 }
 const useStyles = createThemedStyles(colors => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/building_blocks_rn",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "description": "Higher-level shared UI building blocks for Sudobility React Native apps",
   "type": "module",
   "main": "./dist/index.js",