SafeArea 组件参考

该组件会将所在节点的布局适配到 iPhone X 等异形屏手机的安全区域内,可适配 Android 和 iOS 设备,通常用于 UI 交互区域的顶层节点。

Renderings

点击 属性检查器 下方的 添加组件 按钮,然后从 UI 组件 中选择 SafeArea,即可添加 SafeArea 组件到节点上。需要注意的是在添加 SafeArea 组件时,会自动添加 Widget 组件(如果节点上没有的话),且不能删除。

Renderings

开发者只需要将 SafeArea 组件添加到节点上即可,该组件在启用时会通过 cc.sys.getSafeAreaRect(); 获取当前 iOS 或 Android 设备的安全区域,并通过 Widget 组件实现适配。

注意:在使用 SafeArea 时若发现无效,请检查 项目 -> 项目设置 -> 模块设置 中的 SafeArea 模块是否有勾选。

具体用法可参考官方范例中的 SafeArea 测试例。

results matching ""

    No results matching ""