flutter - Flutter Web PWA Top Notch 被砍掉

Question

我想使用 Flutter web 创建一个 PWA，但在 iPhone X 模型上，顶级被切断了。

预期的：

实际的：

我使用的代码：

import 'package:flutter/cupertino.dart';

void main() {
  runApp(CupertinoApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      home: CupertinoPageScaffold(child: Center(child: Text("PWA")))));
}

我尝试将index.html中的元标记更改为：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"></meta>

但这不支持暗模式。有没有人有更好的主意来解决这个问题？

Answer 1

您可以将小部件包装在安全区域中，以防止您的应用出现此类问题。

SafeArea(
   child: Text("PWA"),
 ),

快乐的编码...