我正在尝试在颤动中布局4x4的瓷砖网格。我设法做到这一点与列和行。但是现在我找到了GridView组件。谁能提供使用该方法的示例?
GridView
我真的不能把头围在文档上。我似乎没有得到想要的结果。
一个简单的示例,将图像加载到图块中。
import 'package:flutter/material.dart'; void main() { runApp( MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Container( color: Colors.white30, child: GridView.count( crossAxisCount: 4, childAspectRatio: 1.0, padding: const EdgeInsets.all(4.0), mainAxisSpacing: 4.0, crossAxisSpacing: 4.0, children: <String>[ 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', 'http://www.for-example.org/img/main/forexamplelogo.png', ].map((String url) { return GridTile( child: Image.network(url, fit: BoxFit.cover)); }).toList()), ); } }
Flutter Gallery应用程序包含一个真实的示例,可以在此处找到。