Изучение GridView.builder во Flutter: методы и примеры кода

GridView.builder— это виджет во Flutter, который позволяет эффективно создавать прокручиваемую сетку элементов. Он обычно используется, когда у вас есть большое или бесконечное количество элементов для отображения. Вот несколько методов и примеров кода, связанных с GridView.builder:

  1. itemCount:
    Этот метод определяет общее количество элементов в сетке.

    GridView.builder(
     itemCount: 10, // Total number of items
     ...
    )
  2. itemBuilder:
    Этот метод вызывается для каждого элемента в сетке и создает виджет для этого элемента.

    GridView.builder(
     itemCount: 10,
     itemBuilder: (context, index) {
       return Container(
         color: Colors.blue,
         child: Text('Item $index'),
       );
     },
     ...
    )
  3. gridDelegate:
    Этот метод определяет макет и свойства сетки, такие как количество столбцов и расстояние между элементами.

    GridView.builder(
     itemCount: 10,
     itemBuilder: (context, index) {
       ...
     },
     gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
       crossAxisCount: 2, // Number of columns
       mainAxisSpacing: 10, // Spacing between items vertically
       crossAxisSpacing: 10, // Spacing between items horizontally
     ),
     ...
    )
  4. shrinkWrap:
    Это свойство определяет, должна ли сетка сжимать свое содержимое или расширяться, чтобы заполнить доступное пространство.

    GridView.builder(
     itemCount: 10,
     itemBuilder: (context, index) {
       ...
     },
     shrinkWrap: true, // Shrink-wrap the contents
     ...
    )
  5. scrollDirection:
    Это свойство определяет направление прокрутки сетки: горизонтальное или вертикальное.

    GridView.builder(
     itemCount: 10,
     itemBuilder: (context, index) {
       ...
     },
     scrollDirection: Axis.horizontal, // Scroll horizontally
     ...
    )