效果圖：
實作方式：GridView.count
實作代碼：
import 'package:flutter/material.dart';
class GridPage extends StatelessWidget {
Widget centreSection() {
return Container(
height: 200,
child: GridView(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
mainAxisSpacing: 10,
crossAxisSpacing: 20,
childAspectRatio: 1.8,
),
children: [
Container(
color: Colors.blue,
child: Icon(Icons.add),
),
Container(
color: Colors.blue,
child: Icon(Icons.add),
),
Container(
color: Colors.blue,
child: Icon(Icons.add),
),
Container(
color: Colors.blue,
child: Icon(Icons.add),
),
Container(
color: Colors.blue,
child: Icon(Icons.add),
),
Container(
color: Colors.blue,
child: Icon(Icons.add),
),
],
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("甜寵軟妹"),
centerTitle: true,
),
body: Container(
padding: EdgeInsets.all(10.0),
child: centreSection()),
);
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/229925.html
標籤：區塊鏈