Code前端首页关于Code前端联系我们

Flutter布局手册:SafeArea

terry 2年前 (2023-09-23) 阅读数 72 #移动小程序

SafeArea

不同的平台有很多特殊的位置,比如Android系统状态栏或者iPhone X的“刘海”。我们应该避免将元素放置在这些地方。

解决的办法是使用组件SafeArea(下面的例子是使用和不使用SafeArea的后果)Flutter 布局参考手册:SafeAreaFlutter 布局参考手册:SafeArea

Widget build(BuildContext context) {
  return Material(
    color: Colors.blue,
    child: SafeArea(
      child: SizedBox.expand(
        child: Card(color: Colors.yellowAccent),
      ),
    ),
  );
}

作者❀ //觉进。 im/post/5cfe0d136fb9a07efc497d7d
来源:掘金
版权属于作者。商业转载请联系作者授权。非商业转载请注明出处。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门