我正试着布置一个4x4的瓷砖网格.我设法用列和行做到了这一点.但现在我找到了GridView
的分量.有没有人能举例说明如何使用它?
我真的不能把我的头放在doctor 身上.我似乎没有得到我想要的结果.
我正试着布置一个4x4的瓷砖网格.我设法用列和行做到了这一点.但现在我找到了GridView
的分量.有没有人能举例说明如何使用它?
我真的不能把我的头放在doctor 身上.我似乎没有得到我想要的结果.
这是一个将图像加载到瓷砖中的简单示例.
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 应用程序包含一个真实世界的示例,可以找到here个.