feat: 为TabBar添加默认样式

mahaaoo · Dec 5, 2024 · ea379d8 · ea379d8
1 parent f63464b
commit ea379d8
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/TabBar/TabBar.tsx b/src/components/TabBar/TabBar.tsx
@@ -148,7 +148,7 @@ const TabBar = forwardRef<TabBarRef, TabBarProps>((props, ref) => {
   });
 
   return (
-    <View style={[{ height: 55 }, style]} onLayout={handleLayout}>
+    <View style={[styles.tabBarDefaultStyle, style]} onLayout={handleLayout}>
       <ScrollView
         ref={scrollRef}
         horizontal
@@ -203,6 +203,11 @@ const TabBar = forwardRef<TabBarRef, TabBarProps>((props, ref) => {
 TabBar.displayName = 'TabBar';
 
 const styles = StyleSheet.create({
+  tabBarDefaultStyle: {
+    height: 55,
+    borderBottomColor: '#eee',
+    borderBottomWidth: 1,
+  },
   sliderContainer: {
     position: 'absolute',
     left: 0,