Виджет SliverGrid
Виджет SliverGrid используют count, extent или builder.
Синтаксис
SliverGrid.count(crossAxisCount: 2, children: [Text('abcde')])
Параметры
| Параметр | Описание |
|---|---|
gridDelegate |
Правила деления на ячейки для базового конструктора. |
delegate |
Delegate ячеек. |
Методы
| Метод | Описание |
|---|---|
builder |
SliverGrid. Давайте разберём вызов на примерах.
|
count |
SliverGrid. Давайте разберём вызов на примерах.
|
extent |
SliverGrid. Давайте разберём вызов на примерах.
|
Пример
Давайте вставим sliver сетку:
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'))),
),
],
),
),
);
}
На экране четыре ячейки в две колонки.
Пример
Давайте поставим текст перед сеткой:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: CustomScrollView(
slivers: [
SliverToBoxAdapter(child: Text('12345')),
SliverGrid.count(
crossAxisCount: 3,
children: List.generate(6, (i) => Center(child: Text('abcde'))),
),
],
),
),
);
}
На экране сверху подпись, ниже сетка из шести ячеек.
