美文网首页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