如何在Flutter中的GridView中为窗口小部件设置自定义高度?

如何在Flutter中的GridView中为窗口小部件设置自定义高度?,第1张

如何在Flutter中的GridView中为窗口小部件设置自定义高度?

关键是

childAspectRatio
。这个值是用来确定的布局
GridView
。为了获得所需的外观,您必须将其设置为
itemWidth/ itemHeight
)。解决方案是这样的:

class MyHomePage extends StatefulWidget {  MyHomePage({Key key, this.title}) : super(key: key);  final String title;  @override  _MyHomePageState createState() => new _MyHomePageState();}class _MyHomePageState extends State<MyHomePage> {  List<String> widgetList = ['A', 'B', 'C'];  @override  Widget build(BuildContext context) {    var size = MediaQuery.of(context).size;        final double itemHeight = (size.height - kToolbarHeight - 24) / 2;    final double itemWidth = size.width / 2;    return new Scaffold(      appBar: new AppBar(        title: new Text(widget.title),      ),      body: new Container(        child: new GridView.count(          crossAxisCount: 2,          childAspectRatio: (itemWidth / itemHeight),          controller: new ScrollController(keepScrollOffset: false),          shrinkWrap: true,          scrollDirection: Axis.vertical,          children: widgetList.map((String value) { return new Container(   color: Colors.green,   margin: new EdgeInsets.all(1.0),   child: new Center(     child: new Text(       value,       style: new TextStyle(         fontSize: 50.0,         color: Colors.white,       ),     ),   ), );          }).toList(),        ),      ),    );  }}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/4892769.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-12
下一篇 2022-11-12

发表评论

登录后才能评论

评论列表(0条)

保存