fix: center icons in material tab bar. fixes #8248

2026-05-21 07:42:24 +08:00 · 2020-05-17 01:06:29 +02:00
parent 51f4d11fdf
commit 51b40879bd
1 changed files with 6 additions and 0 deletions
--- a/packages/material-bottom-tabs/src/views/MaterialBottomTabView.tsx
+++ b/packages/material-bottom-tabs/src/views/MaterialBottomTabView.tsx
@@ -69,6 +69,7 @@ function MaterialBottomTabViewInner({
              borderless: _1,
              centered: _2,
              rippleColor: _3,
+              style,
              ...rest
            }) => {
              return (
@@ -86,6 +87,7 @@ function MaterialBottomTabViewInner({
                      onPress?.(e);
                    }
                  }}
+                  style={[styles.touchable, style]}
                />
              );
            }
@@ -153,4 +155,8 @@ const styles = StyleSheet.create({
  icon: {
    backgroundColor: 'transparent',
  },
+  touchable: {
+    display: 'flex',
+    justifyContent: 'center',
+  },
 });