Flutter 安全区域SafeArea

最新推荐文章于 2025-05-07 15:18:52 发布

原创最新推荐文章于 2025-05-07 15:18:52 发布 · 4.4k 阅读

1 ·

CC 4.0 BY-SA版权

独学而无友，则孤陋寡闻。q群582951247

042Flutter 专栏收录该内容

135 篇文章

订阅专栏

本文介绍Flutter中SafeArea API的使用方法，该API用于解决刘海屏等特殊屏幕带来的安全区域显示问题，确保应用UI在不同设备上都能正确展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果

背景。。由于安卓ios刘海屏泛滥。Flutter为了适配安全区域单独弄出来一个Api

ios底部也可以避免

使用方法是一样的只需要使用SafeArea

SafeArea

使用非常便捷

import 'package:flutter/material.dart';

class SafeAreaDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SafeArea(child: Container(
      color: Colors.red,
      child: Text("我是安全的文本"),
    ),);
  }
}