# SubpageLayout 二级页面布局

## Props

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| children | 子组件（Slot 组件） | ReactNode | - | 否 |
| scrollRef | ScrollView ref | React.RefObject\<ScrollView\> | - | 否 |
| onScroll | 滚动回调 | (event: NativeSyntheticEvent\<NativeScrollEvent\>) => void | - | 否 |

## Slots

采用 compound component 模式，通过以下子组件定义各区域：

| 子组件 | 说明 |
|--------|------|
| SubpageLayout.Navigation | 导航栏 |
| SubpageLayout.Content | 主内容区（通过 ContainerWithGap 布局） |
| SubpageLayout.Footer | 底部区域（绝对定位，自动加安全距离） |

> Footer 高度通过 onLayout 测量后设置内容区 paddingBottom。无 Footer 时，paddingBottom = safeBottom + 28。

## 用法

```tsx
<SubpageLayout>
  <SubpageLayout.Navigation>导航栏</SubpageLayout.Navigation>
  <SubpageLayout.Content>列表内容</SubpageLayout.Content>
  <SubpageLayout.Footer>底部按钮</SubpageLayout.Footer>
</SubpageLayout>
```