---
title: AutoLayout 布局
nav:
  title: 组件
  path: /component
group:
  title: 展示组件
  path: /show
  order: 2
---

# AutoLayout 布局

页面级布局容器，提供统一的页面结构和安全区域处理。

## 何时使用

- 作为页面的根容器使用
- 需要统一的侧边距和背景色
- 需要处理不同平台的安全区域
- 构建响应式布局结构

## 注意

- AutoLayout 内嵌 AutoLayout 时，component1 或者 component2 需要被定宽的 View 包裹。

## 代码演示

### 基础用法
<code src="./__fixtures__/basicUsage.tsx" title="基础用法" description="展示 AutoLayout 组件的基本使用方式，包括默认配置和自定义背景色" />

## API

<API src="./AutoLayout.tsx" />