颤动。-如何在Gridview中使用动态crossAxisCount

import 'package:flutter/material.dart';

class MyGridView extends StatefulWidget {
  @override
  _MyGridViewState createState() => _MyGridViewState();
}

class _MyGridViewState extends State<MyGridView> {
  @override
  Widget build(BuildContext context) {
    return GridView.builder(
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: calculateCrossAxisCount(), // 动态计算crossAxisCount
      ),
      itemBuilder: (BuildContext context, int index) {
        // 构建GridView的子项
        return Container(
          // 子项内容
        );
      },
    );
  }

  int calculateCrossAxisCount() {
    // 根据需要动态计算crossAxisCount的值
    // 可以根据屏幕宽度、设备方向等因素进行计算
    // 这里只是一个示例，可以根据实际需求进行修改
    double screenWidth = MediaQuery.of(context).size.width;
    int crossAxisCount = (screenWidth / 150).floor(); // 假设每个子项的宽度为150
    return crossAxisCount;
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('GridView Example'),
        ),
        body: MyGridView(), // 使用MyGridView组件
      ),
    );
  }
}