flutter-自适应屏幕-safearea

博客分类: 技术 阅读次数: 🤔

flutter-自适应屏幕-safearea

对比

不加safeArea有显示缺陷

class FlutterAlign extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Align(
      alignment: Alignment(-1, -1),
      child: Container(
        child: Text(
          "Hello",
        ),
      ),
    );
  }
}

使用SafeArea能很好的解决刘海,不规则屏幕,水滴的显示问题。

class FlutterAlign extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
      //在外部包一层safearea
    return SafeArea(
      child: Align(
        alignment: Alignment(-1, -1),
        child: Container(
          child: Text(
            "Hello",
          ),
        ),
      ),
    );
  }
}

参考

button组件集合
路由页面切换
HTTP协议网络请求
页面布局-脚手架
配合数据库MYSQL+PHP的CRUD增删改查

联系方式

Any question connect me.
ccwanyuan2014@163.com
提issue

转载请注明

转载自chanjeff123.github.io