Метод count

Метод count виджета SliverGrid конструктор SliverGrid.count принимает crossAxisCount и children.

Синтаксис

SliverGrid.count(crossAxisCount: 2, children: [Text('abcde')])

Параметры

Параметр	Описание
`crossAxisCount`	Число колонок.
`children`	Дочерние виджеты, строки секции.
`mainAxisSpacing`	Зазор между рядами.

Пример

Давайте вызовем его в простом экране:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: CustomScrollView(
					slivers: [
						SliverGrid.count(
							crossAxisCount: 2,
							children: List.generate(4, (i) => Center(child: Text('abcde'))),
						),
					],
			),
		),
	);
}

На экране sliver сетка два на два.

Пример

Давайте повторим вызов с другими числами:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: CustomScrollView(
					slivers: [
						SliverGrid.count(
							crossAxisCount: 4,
							children: List.generate(8, (i) => Center(child: Text('12345'))),
						),
					],
			),
		),
	);
}

На экране восемь ячеек в четыре колонки.

Смотрите также

метод builder,
который часто ставят рядом в прокручиваемых экранах
метод extent,
который дополняет работу с прокруткой
виджет SliverGrid,
который помогает собрать сложный список
виджет SliverToBoxAdapter,
который задаёт поведение или данные прокрутки