Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 水平滚动的颤振网格视图_Flutter_Flutter Layout_Flutter Web - Fatal编程技术网

Flutter 水平滚动的颤振网格视图

Flutter 水平滚动的颤振网格视图,flutter,flutter-layout,flutter-web,Flutter,Flutter Layout,Flutter Web,我正在处理Flatter web,我希望我的gridview滚动方向是水平的,但当我添加scrolldirection:Axix.卧式时,它旋转了gridview。我知道要使这变得容易,我可以使用ListView,但要使它在web上响应需要太多的代码。我只希望gridView本身能够通过屏幕宽度来管理其crossAxisCount,从而使其具有响应性。所以我需要关于如何使GridView滚动方向水平的帮助。谢谢 int gridCrossAxisCount; if (size >

我正在处理Flatter web,我希望我的gridview滚动方向是水平的,但当我添加scrolldirection:Axix.卧式时,它旋转了gridview。我知道要使这变得容易,我可以使用ListView,但要使它在web上响应需要太多的代码。我只希望gridView本身能够通过屏幕宽度来管理其crossAxisCount,从而使其具有响应性。所以我需要关于如何使GridView滚动方向水平的帮助。谢谢

 int gridCrossAxisCount;
    if (size > 1600) {
      gridCrossAxisCount = 4;
    } else if (size > 1300) {
      gridCrossAxisCount = 3;
    } else if (size > 800) {
      gridCrossAxisCount = 2;
    } else {
      gridCrossAxisCount = 1;
    }

Container(
        width: double.infinity,
        height: 300,
        child: GridView.count(
          // scrollDirection: Axis.horizontal,
          physics: ScrollPhysics(),
          shrinkWrap: true,
          primary: true,
          padding: EdgeInsets.only(top: 15.0),
          crossAxisCount: gridCrossAxisCount, //Screensize grid count
          childAspectRatio: 0.60, //1.0
          mainAxisSpacing: 0.2, //1.0
          crossAxisSpacing: 4.0, //1.0
          children: [
            Container(
              height: 200,
              width: 200,
              color: Colors.green,
            ),
            Container(
              height: 200,
              width: 200,
              color: Colors.red,
            ),
            Container(
              height: 200,
              width: 200,
              color: Colors.orange,
            ),
            Container(
              height: 200,
              width: 200,
              color: Colors.indigo,
            ),
          ],
        ),
      ),

当GridView旋转时,是否可以包含屏幕截图

我认为你的代码在Axis.horizontal打开时运行良好。问题可能在于计算gridCrossAxisCount/子项数时的逻辑

当Axis.horizontal启用时,主轴将处于水平状态,横轴将处于垂直状态


因此,如果axisCount为1,则所有项目将仅显示在1行中,但如果axisCount为4,则它们将显示在4行中,在您的示例中,4个子项不足以导致视口外溢出并启用滚动。

当GridView旋转时,是否可以包括屏幕截图

我认为你的代码在Axis.horizontal打开时运行良好。问题可能在于计算gridCrossAxisCount/子项数时的逻辑

当Axis.horizontal启用时,主轴将处于水平状态,横轴将处于垂直状态


因此,如果axisCount为1,则所有项目将仅显示在1行中,但如果为4,则它们将显示在4行中,在您的示例中,4个子项不足以导致视口外溢出并启用滚动。

我认为主轴和横轴没有更改。现在解决我的问题谢谢..我认为主轴和横轴没有改变。现在解决我的问题谢谢。。