Gridview.builder с липкими заголовками

#flutter

#flutter

Вопрос:

Я чертовски расстроен.

Мне нужен Gridview.builder (или Listview с 3 столбцами в каждой строке), А поверх сетки мне нужен 1 заголовок.

Тем не менее, мой код увеличивает либо список из 3 столбцов, либо заголовок, который затем будет утроен.

Я новичок в программировании. Тем не менее, я отчаянно пытаюсь исправить эту проблему.

Заранее извините за неправильный код.

 GridView.builder(
      gridDelegate:
        SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3,),
        itemCount: 210,
        itemBuilder: (context, index) {
      return StickyHeader(
        header: Container(
          height: 50.0,
          color: Colors.blueGrey[700],
          padding: EdgeInsets.symmetric(horizontal: 16.0),
          alignment: Alignment.centerLeft,
          child: Text('Header',
            style: const TextStyle(color: Colors.white),
          ),
        ),
        content: Column(
          children:
          List<int>.generate(21, (index) => index)
              .map((item) => Container(
            decoration:
            BoxDecoration( //                    <-- BoxDecoration
                border: Border(bottom: BorderSide())
            ),
            height: 50,
            width: 5000000,
            child: Text ('Test'),

          ))
              .toList(),
          ),
        );

        }),
 

Ответ №1:

Я бы использовал Column , первый дочерний элемент которого является заголовком, а второй — GridView внутри Expanded виджета.

Что-то вроде этого.

Или вы можете использовать фрагменты в . CustomScrollView Краткое руководство здесь.