feat(Notification): implement notification preferences management and enhance notification handling

- Introduced a new service for managing notification preferences, including push notifications, sound, and vibration settings.
- Updated the notification handling logic to respect user preferences, ensuring notifications are displayed according to user settings.
- Refactored the App and various screens to integrate the new notification preferences, improving user experience and consistency.
- Enhanced the HomeScreen and NotificationSettingsScreen to load and update notification settings seamlessly.
- Implemented a mechanism to hide the bottom tab bar based on scroll events, improving navigation usability.

src/components/business/TabBar.tsx

@@ -5,7 +5,7 @@
  */
 
 import React, { ReactNode } from 'react';
-import { View, TouchableOpacity, StyleSheet, ScrollView, Animated } from 'react-native';
+import { View, TouchableOpacity, StyleSheet, ScrollView, Animated, ViewStyle, StyleProp } from 'react-native';
 import { MaterialCommunityIcons } from '@expo/vector-icons';
 import { colors, spacing, fontSizes, borderRadius } from '../../theme';
 import Text from '../common/Text';
@@ -20,6 +20,8 @@ interface TabBarProps {
   rightContent?: ReactNode;
   variant?: TabBarVariant;
   icons?: string[];
+  /** 合并到最外层容器，用于按页面微调外边距等 */
+  style?: StyleProp<ViewStyle>;
 }
 
 const TabBar: React.FC<TabBarProps> = ({
@@ -30,6 +32,7 @@ const TabBar: React.FC<TabBarProps> = ({
   rightContent,
   variant = 'default',
   icons,
+  style,
 }) => {
   const renderTabs = () => {
     return tabs.map((tab, index) => {
@@ -157,7 +160,7 @@ const TabBar: React.FC<TabBarProps> = ({
 
   if (scrollable) {
     return (
-      <View style={getContainerStyle()}>
+      <View style={[getContainerStyle(), style]}>
         <ScrollView
           horizontal
           showsHorizontalScrollIndicator={false}
@@ -171,7 +174,7 @@ const TabBar: React.FC<TabBarProps> = ({
   }
 
   return (
-    <View style={getContainerStyle()}>
+    <View style={[getContainerStyle(), style]}>
       {renderTabs()}
       {rightContent && <View style={styles.rightContent}>{rightContent}</View>}
     </View>