Метод count
Метод count виджета GridView конструктор GridView.count создаёт GridView с параметром crossAxisCount. Ячейки передают в children или собирают в коде.
Синтаксис
GridView.count(
crossAxisCount: 2,
children: [Text('abcde')],
)
Параметры
| Параметр | Описание |
|---|---|
crossAxisCount |
Сколько колонок в сетке. Обязательный параметр. |
children |
Дочерние виджеты, строки секции. |
mainAxisSpacing |
Зазор между рядами. |
crossAxisSpacing |
Зазор между колонками. |
Пример
Давайте вызовем его в простом экране:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: GridView.count(
crossAxisCount: 2,
children: [
Center(child: Text('abcde')),
Center(child: Text('12345')),
],
),
),
),
);
}
На экране две ячейки в один ряд.
Пример
Давайте повторим вызов с другими числами:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: GridView.count(
crossAxisCount: 3,
children: List.generate(
6,
(i) => Center(child: Text('abcde')),
),
),
),
),
);
}
На экране шесть ячеек в три колонки, лишние уедут вниз при прокрутке.
