使用LayoutBuilder小部件，它将为您提供约束，您可以使用这些约束来获得不包括AppBar和填充的高度。然后使用sizebox并使用来自LayoutBuilder的约束提供宽度和高度

return LayoutBuilder(builder: (context2, constraints) {
  return Column(
    children: <Widget>[
      SizedBox(
        width: constraints.maxWidth,
        height: constraints.maxHeight,
        ...

使用缩放器定义布局宽度和高度的百分比

dependencies:
      scaler: ^1.1.0+1

在pubspec中设置后。Yaml您可以通过以下代码使用此功能-

import 'package:scaler/scaler.dart';

导入后使用this -

import 'package:scaler/scaler.dart';

@override
Widget build(BuildContext context) {

  /**
   * Container with 25% width of screen 
   * and 25% height of screen
   */
  return   Container(
      height: Scaler.height(0.25, context),
      width: Scaler.width(0.25, context),
      child: Container()
  );
}

更详细地说

https://pub.dev/packages/scaler

您可以构建具有Flexible或Expanded子元素的列/行，这些子元素的flex值加起来等于您想要的百分比。

您可能还会发现AspectRatio小部件很有用。

FractionallySizedBox也可能有用。 你也可以直接从MediaQuery.of(context)中读取屏幕宽度。大小，并在此基础上创建一个大小框

MediaQuery.of(context).size.width * 0.65

如果你真的想把屏幕的大小设置成一小部分不管布局是什么。

这可能更清楚一点:

double width = MediaQuery.of(context).size.width;

double yourWidth = width * 0.65;

希望这能解决你的问题。

您可以将MediaQuery与小部件的当前上下文一起使用，并像这样获得宽度或高度 double width = MediaQuery.of(context).size.width double height = MediaQuery.of(context).size.height 然后，你可以把它乘以你想要的百分比