Flutter 水平滚动的颤振网格视图
我正在处理Flatter web,我希望我的gridview滚动方向是水平的,但当我添加scrolldirection:Axix.卧式时,它旋转了gridview。我知道要使这变得容易,我可以使用ListView,但要使它在web上响应需要太多的代码。我只希望gridView本身能够通过屏幕宽度来管理其crossAxisCount,从而使其具有响应性。所以我需要关于如何使GridView滚动方向水平的帮助。谢谢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 >
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个子项不足以导致视口外溢出并启用滚动。我认为主轴和横轴没有更改。现在解决我的问题谢谢..我认为主轴和横轴没有改变。现在解决我的问题谢谢。。