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/PostCard/PostCard.tsx

@@ -346,14 +346,6 @@ const PostCardInner: React.FC<PostCardProps> = (normalizedProps) => {
             {!showGrid && (
               <View style={styles.metaRow}>
                 <PostCardRelativeTime createdAt={post.created_at} style={styles.timeText} />
-                {!!post.channel?.name && (
-                  <View style={styles.channelTag}>
-                    <MaterialCommunityIcons name="tag-outline" size={11} color={colors.primary.main} />
-                    <Text style={styles.channelTagText} numberOfLines={1}>
-                      {post.channel.name}
-                    </Text>
-                  </View>
-                )}
                 {post.is_pinned && (
                   <View style={styles.pinnedTag}>
                     <MaterialCommunityIcons name="pin" size={10} color={colors.warning.main} />
@@ -402,9 +394,19 @@ const PostCardInner: React.FC<PostCardProps> = (normalizedProps) => {
       {renderTopComment()}
 
       <View style={styles.actions}>
-        <View style={styles.viewsWrap}>
-          <MaterialCommunityIcons name="eye-outline" size={16} color={colors.text.hint} />
-          <Text style={styles.viewsText}>{post.views_count || 0}</Text>
+        <View style={styles.actionsLeading}>
+          <View style={styles.viewsWrap}>
+            <MaterialCommunityIcons name="eye-outline" size={16} color={colors.text.hint} />
+            <Text style={styles.viewsText}>{post.views_count || 0}</Text>
+          </View>
+          {!!post.channel?.name && (
+            <View style={[styles.channelTag, styles.channelTagAfterViews]}>
+              <MaterialCommunityIcons name="tag-outline" size={11} color={colors.primary.main} />
+              <Text style={styles.channelTagText} numberOfLines={1}>
+                {post.channel.name}
+              </Text>
+            </View>
+          )}
         </View>
         <View style={styles.actionButtons}>
           <TouchableOpacity style={styles.actionBtn} onPress={handleLike}>
@@ -571,9 +573,22 @@ const styles = StyleSheet.create({
     justifyContent: 'space-between',
     alignItems: 'center',
   },
+  actionsLeading: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flex: 1,
+    minWidth: 0,
+    marginRight: spacing.sm,
+    gap: spacing.sm,
+  },
+  channelTagAfterViews: {
+    maxWidth: 130,
+    flexShrink: 1,
+  },
   viewsWrap: {
     flexDirection: 'row',
     alignItems: 'center',
+    flexShrink: 0,
   },
   viewsText: {
     color: colors.text.hint,

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>