@beppla/tapas-ui 1.5.13 → 1.5.15

package/package/module/Input/Input.js

@@ -0,0 +1,339 @@
+"use strict";
+
+import React, { useState, useCallback, useMemo, useRef, useEffect } from "react";
+import { View, Text, Platform, Keyboard } from "react-native";
+import { withTheme, Input, makeStyles } from "@rneui/themed";
+import { isBridgelessMode } from "../common/bridgelessUtils";
+
+// 方案 3：全局 Input 实例管理器，用于清除其他 Input 的重新聚焦标记
+// 存储所有 Input 实例的 shouldRefocusRef，用于在 focus 时清除其他 Input 的标记
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const inputInstancesRef = new Set();
+const useStyles = makeStyles((theme, ...props) => {
+  const {
+    labelBg,
+    labelColor
+  } = props[0];
+  return {
+    inputBase: {
+      minWidth: 112,
+      minHeight: 40,
+      paddingHorizontal: 0,
+      paddingVertical: 0
+    },
+    input: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeM,
+      fontWeight: theme.fonts.weightR,
+      color: theme.colors.colorTextPrimary,
+      // placeholderTextColor: theme.colors.colorTextSecondary, // Not supported in React Native
+      borderRadius: theme.radius.rounded,
+      borderWidth: 1,
+      borderColor: theme.colors.colorBorder1,
+      paddingLeft: 16,
+      paddingRight: 12
+    },
+    labelContext: {
+      fontFamily: theme.fonts.fontFamily,
+      fontSize: theme.fonts.sizeS,
+      fontWeight: theme.fonts.weightR,
+      backgroundColor: labelBg || theme.colors.white,
+      color: labelColor || theme.colors.colorTextPrimary,
+      overflow: "hidden",
+      position: "absolute",
+      display: "flex",
+      flexDirection: "row",
+      zIndex: 1,
+      left: 17,
+      top: -7
+    },
+    require: {
+      color: theme.colors.colorTextError
+    },
+    errorBorder: {
+      borderColor: theme.colors.colorTextError
+    },
+    stateMsg: {
+      fontSize: theme.fonts.sizeS,
+      color: theme.colors.colorTextError,
+      marginTop: -16,
+      marginLeft: 16,
+      marginBottom: 4
+    },
+    unit: {
+      fontSize: theme.fonts.sizeM,
+      color: theme.colors.colorTextSecondary,
+      marginLeft: 4
+    },
+    clearBtn: {
+      padding: 4,
+      marginLeft: 4
+    }
+  };
+});
+export const TapasInput = ({
+  labelPosition = "top",
+  onBlur,
+  onFocus,
+  value: propValue,
+  enableBridgelessFix = true,
+  state,
+  stateMsg,
+  unit,
+  showClearBtn,
+  password,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  const [isFocused, setIsFocused] = useState(false);
+  const inputRef = useRef(null);
+  const blurTimeoutRef = useRef(null);
+  const keyboardShowListenerRef = useRef(null);
+  const keyboardHideListenerRef = useRef(null);
+  const shouldRefocusRef = useRef(false);
+  const isBridgeless = useRef(isBridgelessMode());
+  // 使用 ref 存储 isFocused 的最新值，避免在 useEffect 中需要依赖
+  const isFocusedRef = useRef(false);
+  // 记录最后一次 focus 的时间戳，用于焦点切换保护期
+  const lastFocusTimeRef = useRef(0);
+  // 焦点切换保护期（ms），在此时间内不执行重新聚焦，避免焦点跳动
+  const FOCUS_SWITCH_PROTECTION_PERIOD = 200;
+  const handleFocus = useCallback(e => {
+    // 清除可能存在的 blur 延迟
+    if (blurTimeoutRef.current) {
+      clearTimeout(blurTimeoutRef.current);
+      blurTimeoutRef.current = null;
+    }
+
+    // 方案 3：清除所有其他 Input 的重新聚焦标记
+    // 当当前 Input 获得焦点时，清除其他 Input 的 shouldRefocusRef，防止焦点跳动
+    inputInstancesRef.forEach(ref => {
+      if (ref !== shouldRefocusRef) {
+        ref.current = false;
+      }
+    });
+
+    // 清除当前组件的重新聚焦标记，因为当前组件已经获得焦点
+    shouldRefocusRef.current = false;
+    // 记录 focus 时间戳，用于焦点切换保护期判断
+    lastFocusTimeRef.current = Date.now();
+    // 更新 ref 和 state
+    isFocusedRef.current = true;
+    setIsFocused(true);
+    onFocus?.(e);
+  }, [onFocus]);
+  const handleBlur = useCallback(e => {
+    // 在 Android 上延迟处理 blur，避免键盘弹出时立即失焦
+    // React Native 0.77 Bridgeless 模式的已知问题修复
+    if (Platform.OS === 'android' && enableBridgelessFix) {
+      // 标记可能需要重新聚焦
+      shouldRefocusRef.current = true;
+
+      // 清除之前的延迟
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+      }
+
+      // 延迟处理 blur，给键盘足够时间显示
+      // Bridgeless 模式可能需要更长的延迟（500-800ms）来适应新架构
+      const delay = isBridgeless.current ? 800 : 500;
+      blurTimeoutRef.current = setTimeout(() => {
+        // 如果标记仍然为 true，说明键盘显示后输入框确实失焦了
+        // 此时检查是否需要重新聚焦（通过键盘监听器处理）
+        if (!shouldRefocusRef.current) {
+          // 如果标记已被清除（说明键盘隐藏或重新聚焦成功），不执行 blur
+          blurTimeoutRef.current = null;
+          return;
+        }
+
+        // 更新 ref 和 state
+        isFocusedRef.current = false;
+        setIsFocused(false);
+        onBlur?.(e);
+        shouldRefocusRef.current = false;
+        blurTimeoutRef.current = null;
+      }, delay);
+    } else {
+      isFocusedRef.current = false;
+      setIsFocused(false);
+      onBlur?.(e);
+    }
+  }, [onBlur, enableBridgelessFix]);
+  const shouldShowLabel = useMemo(() => props?.defaultShowLabel || propValue || isFocused, [props?.defaultShowLabel, propValue, isFocused]);
+  const containerStyleMemo = useMemo(() => [styles.inputBase, props.containerStyle], [styles.inputBase, props.containerStyle]);
+  const inputStyleMemo = useMemo(() => [styles.inputBase, styles.input, props.inputStyle], [styles.inputBase, styles.input, props.inputStyle]);
+  const inputContainerStyleMemo = useMemo(() => [{
+    borderBottomWidth: 0
+  }, props.inputContainerStyle], [props.inputContainerStyle]);
+
+  // 方案 3：注册当前 Input 实例到全局管理器
+  useEffect(() => {
+    if (Platform.OS === 'android' && enableBridgelessFix) {
+      inputInstancesRef.add(shouldRefocusRef);
+      return () => {
+        inputInstancesRef.delete(shouldRefocusRef);
+      };
+    }
+    return undefined;
+  }, [enableBridgelessFix]);
+
+  // Android 键盘监听：当键盘显示时，如果输入框失焦，尝试重新聚焦
+  // 这是针对 RN 0.77 Bridgeless 模式的兼容性修复
+  useEffect(() => {
+    if (Platform.OS !== 'android' || !enableBridgelessFix) {
+      return;
+    }
+    const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => {
+      // 键盘显示时，如果应该重新聚焦且输入框失焦，则尝试重新聚焦
+      // React Native 0.77 可能需要多次尝试才能成功聚焦
+
+      // 方案 1 修复：添加焦点状态检查，防止焦点跳动
+      // 1. 如果当前组件已经聚焦，不需要重新聚焦（可能是其他 Input 触发的键盘显示）
+      if (isFocusedRef.current) {
+        // 当前组件已经聚焦，清除重新聚焦标记，避免后续误操作
+        shouldRefocusRef.current = false;
+        return;
+      }
+
+      // 2. 检查是否在焦点切换保护期内
+      // 如果最近有 focus 事件（可能是其他 Input 获得焦点），不执行重新聚焦
+      const timeSinceLastFocus = Date.now() - lastFocusTimeRef.current;
+      if (timeSinceLastFocus < FOCUS_SWITCH_PROTECTION_PERIOD) {
+        // 在保护期内，说明可能有其他 Input 正在获得焦点，不执行重新聚焦
+        shouldRefocusRef.current = false;
+        return;
+      }
+
+      // 3. 只有在确实需要重新聚焦且不在保护期内时才执行
+      if (shouldRefocusRef.current) {
+        // 使用双重 requestAnimationFrame 确保在渲染完成后执行（RN 0.77 新架构可能需要）
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            // 再次检查状态，避免在异步执行期间状态已改变
+            if (shouldRefocusRef.current && !isFocusedRef.current && inputRef.current) {
+              // 尝试通过 inputRef 重新聚焦
+              // @rneui/themed 的 Input 组件可能支持 inputRef prop
+              try {
+                // 如果 inputRef.current 有 focus 方法，直接调用
+                if (typeof inputRef.current.focus === 'function') {
+                  inputRef.current.focus();
+                  shouldRefocusRef.current = false;
+                } else if (inputRef.current.input && typeof inputRef.current.input.focus === 'function') {
+                  // 某些情况下，Input 组件可能将 TextInput 存储在 input 属性中
+                  inputRef.current.input.focus();
+                  shouldRefocusRef.current = false;
+                } else if (inputRef.current._input && typeof inputRef.current._input.focus === 'function') {
+                  // 某些版本的 @rneui/themed 可能使用 _input 属性
+                  inputRef.current._input.focus();
+                  shouldRefocusRef.current = false;
+                } else {
+                  // 如果无法直接聚焦，尝试延迟后再次聚焦（RN 0.77 可能需要）
+                  setTimeout(() => {
+                    if (shouldRefocusRef.current && !isFocusedRef.current && inputRef.current) {
+                      try {
+                        if (inputRef.current.focus) {
+                          inputRef.current.focus();
+                          shouldRefocusRef.current = false;
+                        } else {
+                          shouldRefocusRef.current = false;
+                        }
+                      } catch (err) {
+                        shouldRefocusRef.current = false;
+                      }
+                    }
+                  }, 100);
+                }
+              } catch (error) {
+                // 聚焦失败，清除标记，让 blur 正常执行
+                shouldRefocusRef.current = false;
+              }
+            }
+          });
+        });
+      }
+    });
+    const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {
+      // 键盘隐藏时，清除重新聚焦标记
+      shouldRefocusRef.current = false;
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+        blurTimeoutRef.current = null;
+      }
+    });
+    keyboardShowListenerRef.current = keyboardDidShowListener;
+    keyboardHideListenerRef.current = keyboardDidHideListener;
+    return () => {
+      keyboardDidShowListener.remove();
+      keyboardDidHideListener.remove();
+      if (blurTimeoutRef.current) {
+        clearTimeout(blurTimeoutRef.current);
+        blurTimeoutRef.current = null;
+      }
+    };
+  }, []); // 使用 ref 访问最新状态，不需要添加依赖
+
+  const handleClear = useCallback(() => {
+    props.onChangeText?.('');
+  }, [props.onChangeText]);
+  const rightIconElement = useMemo(() => {
+    const elements = [];
+    if (showClearBtn && propValue) {
+      elements.push(/*#__PURE__*/_jsx(Text, {
+        onPress: handleClear,
+        style: styles.clearBtn,
+        children: '\u2715'
+      }, "clear"));
+    }
+    if (unit) {
+      elements.push(/*#__PURE__*/_jsx(Text, {
+        style: styles.unit,
+        children: unit
+      }, "unit"));
+    }
+    if (elements.length === 0) return props.rightIcon;
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      },
+      children: [elements, props.rightIcon]
+    });
+  }, [showClearBtn, propValue, unit, props.rightIcon, handleClear, styles.clearBtn, styles.unit]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1
+    },
+    onStartShouldSetResponder: () => false,
+    onResponderTerminationRequest: () => false,
+    pointerEvents: "box-none",
+    children: [/*#__PURE__*/_jsx(Input, {
+      ...(inputRef.current ? {
+        inputRef
+      } : {}),
+      value: propValue,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      containerStyle: containerStyleMemo,
+      inputStyle: [inputStyleMemo, state === 'error' && styles.errorBorder],
+      inputContainerStyle: inputContainerStyleMemo,
+      blurOnSubmit: Platform.OS === 'android' ? false : props.blurOnSubmit,
+      secureTextEntry: password,
+      rightIcon: rightIconElement,
+      ...props,
+      label: /*#__PURE__*/_jsxs(Text, {
+        style: [shouldShowLabel ? styles.labelContext : {
+          display: "none"
+        }],
+        children: [props.label, " ", props.required && /*#__PURE__*/_jsx(Text, {
+          style: styles.require,
+          children: "*"
+        })]
+      })
+    }), state === 'error' && stateMsg ? /*#__PURE__*/_jsx(Text, {
+      style: styles.stateMsg,
+      children: stateMsg
+    }) : null]
+  });
+};
+export default withTheme(TapasInput);
+//# sourceMappingURL=Input.js.map

package/package/module/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useMemo","useRef","useEffect","View","Text","Platform","Keyboard","withTheme","Input","makeStyles","isBridgelessMode","jsx","_jsx","jsxs","_jsxs","inputInstancesRef","Set","useStyles","theme","props","labelBg","labelColor","inputBase","minWidth","minHeight","paddingHorizontal","paddingVertical","input","fontFamily","fonts","fontSize","sizeM","fontWeight","weightR","color","colors","colorTextPrimary","borderRadius","radius","rounded","borderWidth","borderColor","colorBorder1","paddingLeft","paddingRight","labelContext","sizeS","backgroundColor","white","overflow","position","display","flexDirection","zIndex","left","top","require","colorTextError","errorBorder","stateMsg","marginTop","marginLeft","marginBottom","unit","colorTextSecondary","clearBtn","padding","TapasInput","labelPosition","onBlur","onFocus","value","propValue","enableBridgelessFix","state","showClearBtn","password","styles","isFocused","setIsFocused","inputRef","blurTimeoutRef","keyboardShowListenerRef","keyboardHideListenerRef","shouldRefocusRef","isBridgeless","isFocusedRef","lastFocusTimeRef","FOCUS_SWITCH_PROTECTION_PERIOD","handleFocus","e","current","clearTimeout","forEach","ref","Date","now","handleBlur","OS","delay","setTimeout","shouldShowLabel","defaultShowLabel","containerStyleMemo","containerStyle","inputStyleMemo","inputStyle","inputContainerStyleMemo","borderBottomWidth","inputContainerStyle","add","delete","undefined","keyboardDidShowListener","addListener","timeSinceLastFocus","requestAnimationFrame","focus","_input","err","error","keyboardDidHideListener","remove","handleClear","onChangeText","rightIconElement","elements","push","onPress","style","children","length","rightIcon","alignItems","flex","onStartShouldSetResponder","onResponderTerminationRequest","pointerEvents","blurOnSubmit","secureTextEntry","label","required"],"sourceRoot":"../../../components","sources":["Input/Input.tsx"],"mappings":"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","ignoreList":[]}

package/package/module/Input/README.md

@@ -0,0 +1,157 @@
+# TapasInput 组件
+
+基于 `@rneui/themed` 的 Input 组件封装，提供了额外的功能和样式定制。
+
+## 功能特性
+
+- ✅ 自定义标签位置和样式
+- ✅ 支持必填标识
+- ✅ **RN 0.77 Bridgeless 模式兼容性修复**（Android 平台）
+
+## RN 0.77 Bridgeless 模式兼容性
+
+### 问题说明
+
+React Native 0.77 引入的 Bridgeless 模式在 Android 平台上可能导致输入框在点击后键盘弹出但立即失焦的问题。这是 RN 0.77 的已知问题。
+
+### 组件库修复
+
+`TapasInput` 组件已经内置了针对 Bridgeless 模式的兼容性修复：
+
+- **自动检测 Bridgeless 模式**：组件会自动检测是否运行在 Bridgeless 模式下
+- **延迟 blur 处理**：在 Android 上延迟处理 blur 事件，给键盘足够时间显示
+- **自动重新聚焦**：当键盘显示时，如果输入框失焦，会自动尝试重新聚焦
+- **智能延迟时间**：Bridgeless 模式下使用更长的延迟时间（800ms）来适应新架构
+
+### 使用方式
+
+默认情况下，兼容性修复是**自动启用**的：
+
+```tsx
+import { TapasInput } from '@beppla/tapas-ui';
+
+<TapasInput
+  label="用户名"
+  placeholder="请输入用户名"
+  // enableBridgelessFix={true} // 默认启用，无需手动设置
+/>
+```
+
+如果遇到问题，可以尝试禁用修复：
+
+```tsx
+<TapasInput
+  label="用户名"
+  enableBridgelessFix={false} // 禁用 Bridgeless 修复
+/>
+```
+
+### 应用端配置建议
+
+虽然组件库已经提供了修复，但应用端也可以进行一些配置来进一步优化体验：
+
+#### 1. AndroidManifest.xml 配置
+
+在 `android/app/src/main/AndroidManifest.xml` 中，确保 `windowSoftInputMode` 设置为 `adjustResize`：
+
+```xml
+<activity
+  android:name=".MainActivity"
+  android:windowSoftInputMode="adjustResize"
+  ...>
+</activity>
+```
+
+#### 2. ScrollView 配置
+
+如果输入框在 ScrollView 中，确保添加 `keyboardShouldPersistTaps`：
+
+```tsx
+<ScrollView
+  keyboardShouldPersistTaps="handled"
+  keyboardDismissMode="none"
+>
+  <TapasInput ... />
+</ScrollView>
+```
+
+#### 3. Layout 组件
+
+如果使用 `Layout` 组件，它已经自动配置了 `keyboardShouldPersistTaps`。
+
+## API
+
+### TapasInputProps
+
+继承自 `@rneui/themed` 的 `InputProps`，并添加了以下属性：
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `labelPosition` | `"top" \| "middle"` | `"top"` | 标签位置 |
+| `defaultShowLabel` | `boolean` | `false` | 是否默认显示标签 |
+| `labelBg` | `string` | - | 标签背景色 |
+| `labelColor` | `string` | - | 标签文字颜色 |
+| `required` | `boolean` | `false` | 是否必填（显示 * 标识） |
+| `enableBridgelessFix` | `boolean` | `true` | 是否启用 RN 0.77 Bridgeless 模式兼容性修复 |
+
+## 示例
+
+### 基础用法
+
+```tsx
+<TapasInput
+  label="用户名"
+  placeholder="请输入用户名"
+  value={username}
+  onChangeText={setUsername}
+/>
+```
+
+### 必填字段
+
+```tsx
+<TapasInput
+  label="邮箱"
+  placeholder="请输入邮箱"
+  required
+  value={email}
+  onChangeText={setEmail}
+/>
+```
+
+### 自定义标签样式
+
+```tsx
+<TapasInput
+  label="密码"
+  labelBg="#ffffff"
+  labelColor="#333333"
+  secureTextEntry
+  value={password}
+  onChangeText={setPassword}
+/>
+```
+
+### 禁用 Bridgeless 修复
+
+```tsx
+<TapasInput
+  label="备注"
+  enableBridgelessFix={false}
+  value={notes}
+  onChangeText={setNotes}
+/>
+```
+
+## 注意事项
+
+1. **Bridgeless 模式检测**：组件会自动检测是否运行在 Bridgeless 模式下，无需手动配置
+2. **性能影响**：兼容性修复会添加一些延迟和监听器，但对性能影响很小
+3. **向后兼容**：修复不会影响非 Bridgeless 模式或 iOS 平台的正常使用
+4. **问题反馈**：如果遇到问题，可以尝试禁用 `enableBridgelessFix` 或联系组件库维护者
+
+## 相关链接
+
+- [React Native 0.77 发布说明](https://reactnative.dev/blog)
+- [Bridgeless 模式文档](https://reactnative.dev/docs/the-new-architecture/landing-page)
+

package/package/module/Layout/README.md

@@ -0,0 +1,174 @@
+# Layout
+
+应用程序主框架布局组件，整合导航栏、页眉和内容区域，并内置 Toast 和 Drawer 上下文管理。
+
+## 功能特性
+
+- 自动响应式布局（移动端导航隐藏，桌面端导航常驻左侧）
+- 集成 Navigation 导航栏组件（可选显示、可自定义替换）
+- 集成 Header 页眉组件（可自定义替换）
+- 内置 ToastProvider 和 DrawerProvider 上下文
+- 内容区域自动 ScrollView 滚动
+- 移动端通过 Header 菜单按钮控制导航栏显示/隐藏
+- 桌面端导航栏占据左侧 56px，内容区自动偏移
+
+## 安装使用
+
+```tsx
+import Layout from '@beppla/tapas-ui/components/Layout';
+// 或
+import { Layout } from '@beppla/tapas-ui';
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| children | `React.ReactNode` | - | 布局主体内容 |
+| headerProps | `HeaderProps` | - | Header 组件的 Props |
+| headerComponent | `React.ReactNode` | - | 自定义 Header 组件（替换默认 Header） |
+| navigationProps | `NavigationProps` | - | Navigation 组件的 Props |
+| navigationComponent | `React.ReactNode` | - | 自定义 Navigation 组件（替换默认导航） |
+| showNavigation | `boolean` | `true` | 是否显示导航栏 |
+| testID | `string` | - | 测试 ID |
+
+## 上下文 API
+
+### DrawerContext
+
+通过 `DrawerContext` 可在 Layout 内部任意组件中控制 Drawer 的开关。
+
+```tsx
+import { useContext } from 'react';
+import { DrawerContext } from '@beppla/tapas-ui/components/Layout/DrawerContext';
+
+const { open, close, drawerInfo, setDrawerInfo } = useContext(DrawerContext);
+
+// 打开 Drawer
+open({
+  title: 'Filter',
+  component: <FilterForm />,
+  showFooter: true,
+  rightButtonText: 'Apply',
+  rightButtonOnPress: () => handleApply(),
+});
+
+// 关闭 Drawer
+close();
+```
+
+### ToastContext
+
+通过 `ToastContext` 可在 Layout 内部任意组件中显示 Toast 消息。
+
+```tsx
+import { useContext } from 'react';
+import { ToastContext } from '@beppla/tapas-ui/components/Layout/ToastContext';
+
+const { open, close } = useContext(ToastContext);
+
+// 显示 Toast
+open({ message: 'Operation succeeded', visible: true });
+
+// 关闭 Toast
+close();
+```
+
+## 使用示例
+
+### 基础用法
+
+```tsx
+import Layout from '@beppla/tapas-ui/components/Layout';
+import { Text } from 'react-native';
+
+const navItems = [
+  { name: 'Product', iconName: 'product_items' },
+  { name: 'About', iconName: 'manufacturing' },
+];
+
+export default function App() {
+  return (
+    <Layout
+      navigationProps={{
+        navItems,
+        logoImg: require('./logo.png'),
+      }}
+      headerProps={{
+        title: 'Welcome',
+        avatarSource: 'https://example.com/avatar.jpg',
+      }}
+    >
+      <Text>Main content goes here</Text>
+    </Layout>
+  );
+}
+```
+
+### 带导航切换的完整示例
+
+```tsx
+import Layout, { NavItem } from '@beppla/tapas-ui/components/Layout';
+import { useState } from 'react';
+import { Text } from 'react-native';
+
+const navItems: NavItem[] = [
+  { name: 'Home', iconName: 'home' },
+  { name: 'Products', iconName: 'product_items' },
+];
+
+const systemItems: NavItem[] = [
+  { name: 'Settings', iconName: 'settings' },
+];
+
+export default function App() {
+  const [selected, setSelected] = useState('Home');
+
+  return (
+    <Layout
+      navigationProps={{
+        navItems,
+        systemItems,
+        logoImg: require('./logo.png'),
+        onItemPress: (item) => setSelected(item.name),
+      }}
+      headerProps={{ title: selected }}
+    >
+      <Text>{selected} Page Content</Text>
+    </Layout>
+  );
+}
+```
+
+### 自定义 Header 组件
+
+```tsx
+<Layout
+  navigationProps={{ navItems, logoImg: require('./logo.png') }}
+  headerComponent={
+    <View style={{ height: 72, justifyContent: 'center', paddingHorizontal: 16 }}>
+      <Text style={{ fontSize: 20 }}>Custom Header</Text>
+    </View>
+  }
+>
+  <Text>Content</Text>
+</Layout>
+```
+
+### 隐藏导航栏
+
+```tsx
+<Layout showNavigation={false} headerProps={{ title: 'No Navigation' }}>
+  <Text>Full width content</Text>
+</Layout>
+```
+
+## 注意事项
+
+- Layout 的 index.tsx 导出版本自动包裹 ToastProvider 和 DrawerProvider，无需手动包裹
+- 移动端导航栏默认隐藏，通过 Header 左侧菜单按钮切换显示/隐藏
+- 桌面端导航栏常驻左侧（宽度 56px），内容区自动左偏移 56px
+- 自定义 `headerComponent` 会完全替代默认 Header，包括菜单按钮
+- 自定义 `navigationComponent` 会完全替代默认 Navigation
+- 内容区域使用 ScrollView 包裹，设置了 `keyboardShouldPersistTaps="handled"`
+- Toast 在桌面端显示在右上角，移动端显示在顶部