PC端的部分适配

src/screens/message/components/ChatScreen/ChatHeader.tsx

@@ -22,10 +22,15 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
   onBack,
   onTitlePress,
   onMorePress,
+  onGroupInfoPress,
+  isWideScreen: propIsWideScreen,
 }) => {
   // 响应式布局
   const { width } = useResponsive();
-  const isWideScreen = useBreakpointGTE('lg');
+  // 使用 768px 作为大屏幕和小屏幕的分界线
+  const isWideScreenHook = useBreakpointGTE('lg');
+  // 优先使用 props 传入的 isWideScreen，否则使用 hook
+  const isWideScreen = propIsWideScreen !== undefined ? propIsWideScreen : isWideScreenHook;
   
   // 合并样式
   const styles = useMemo(() => {
@@ -67,12 +72,17 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
   return (
     <SafeAreaView edges={['top']} style={styles.headerContainer}>
       <View style={styles.header}>
-        <TouchableOpacity
-          style={styles.backButton}
-          onPress={onBack}
-        >
-          <MaterialCommunityIcons name="arrow-left" size={22} color={colors.primary.dark} />
-        </TouchableOpacity>
+        {/* 大屏幕（>= 768px）时隐藏返回按钮 */}
+        {!isWideScreen ? (
+          <TouchableOpacity
+            style={styles.backButton}
+            onPress={onBack}
+          >
+            <MaterialCommunityIcons name="arrow-left" size={22} color={colors.primary.dark} />
+          </TouchableOpacity>
+        ) : (
+          <View style={styles.backButton} />
+        )}
         
         <View style={styles.headerCenter}>
           <TouchableOpacity
@@ -115,12 +125,22 @@ export const ChatHeader: React.FC<ChatHeaderProps> = ({
           </TouchableOpacity>
         </View>
         
-        <TouchableOpacity
-          style={styles.moreButton}
-          onPress={onMorePress}
-        >
-          <MaterialCommunityIcons name="dots-horizontal" size={22} color="#667085" />
-        </TouchableOpacity>
+        {/* 大屏幕 + 群聊时显示群信息按钮，否则显示三点菜单 */}
+        {isWideScreen && isGroupChat && onGroupInfoPress ? (
+          <TouchableOpacity
+            style={styles.moreButton}
+            onPress={onGroupInfoPress}
+          >
+            <MaterialCommunityIcons name="dots-horizontal" size={22} color="#667085" />
+          </TouchableOpacity>
+        ) : (
+          <TouchableOpacity
+            style={styles.moreButton}
+            onPress={onMorePress}
+          >
+            <MaterialCommunityIcons name="dots-horizontal" size={22} color="#667085" />
+          </TouchableOpacity>
+        )}
       </View>
     </SafeAreaView>
   );