美文网首页Flutter
Flutter 获取组件高度,状态栏高度,AppBar高度

Flutter 获取组件高度,状态栏高度,AppBar高度

作者: xxxixxxx | 来源:发表于2022-04-07 17:00 被阅读0次

    获取组件高度 AppBar 高度

    方法一 以 AppBar 为例

    Widget build(BuildContext context) {
       // 将 AppBar 定义为变量
      var appBar = AppBar(
        title: const Text('XXX'),
      );
      // 获取高度
      print(appBar.preferredSize.height);
      return Scaffold(appBar: appBar, 
      body: Container());
    }
    
    

    方法二 使用 GlobalKey

    final GlobalKey globalKey = GlobalKey();
    
    Stack(
      key: globalKey,
      ....
    )
    
    globalKey.currentContext?.size
    

    获取状态栏高度

    MediaQuery.of(context).padding.top
    

    相关文章

      网友评论

        本文标题:Flutter 获取组件高度,状态栏高度,AppBar高度

        本文链接:https://www.haomeiwen.com/subject/iclssrtx.html