Android 颤振:谷歌图表库图表大小/列

Android 颤振:谷歌图表库图表大小/列,android,flutter,dart,Android,Flutter,Dart,我正在尝试使用谷歌的图表库()制作相同的图表。 我的问题如下:我试图让图表在顶部,然后是文本中的按钮 但每次,如果我试着在列中绘制图表,如: 列( 儿童:[ 线形图(系列列表), ], ); } 我需要将折线图包装成展开的(我并不真正想要的),这样就不会出现错误。 有没有办法将谷歌图表强制设置为特定的大小,例如屏幕的一半?有很多不同的方法 1.使用AspectRatio 使用SizedBox 使用约束框 使用列表视图,指定项目范围 class HomePage extends State

我正在尝试使用谷歌的图表库()制作相同的图表。 我的问题如下:我试图让图表在顶部,然后是文本中的按钮

但每次,如果我试着在列中绘制图表,如:

列(
儿童:[
线形图(系列列表),
],
);
}
我需要将折线图包装成展开的(我并不真正想要的),这样就不会出现错误。
有没有办法将谷歌图表强制设置为特定的大小,例如屏幕的一半?

有很多不同的方法

1.使用
AspectRatio
使用
SizedBox
使用
约束框
使用
列表视图
,指定
项目范围

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          AspectRatio(
            aspectRatio: 2 * MediaQuery.of(context).size.aspectRatio,
            child: SimpleLineChart.withSampleData(),
          ),
        ],
      ),
    );
  }
}
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          SizedBox(
              height: MediaQuery.of(context).size.height / 2,
              child: SimpleLineChart.withSampleData()),
        ],
      ),
    );
  }
}
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          ConstrainedBox(
              constraints: BoxConstraints.loose(Size(
                double.infinity,
                MediaQuery.of(context).size.height / 2,
              )),
              child: SimpleLineChart.withSampleData()),
        ],
      ),
    );
  }
}
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        itemExtent: MediaQuery.of(context).size.height / 2,
        children: [
          SimpleLineChart.withSampleData(),
        ],
      ),
    );
  }
}