Почему SliverFillRemaining слишком сильно расширяется?

Question

Почему SliverFillRemaining слишком сильно расширяется?

Я пытаюсь создать SliverAppBar, который реагирует на свою высоту, показывая разные вещи в зависимости от того, расширен он или нет.

Я основал его на https://medium.com/flutter-community/flutter-sliverappbar-snap-those-headers-544e097248c0, но у меня проблема:

Пустое место в конце списка слишком велико.

Удаление SliverFillRemaining не требуется, если количество элементов велико, но изменение numberOfItems например, для 3 элементов (вместо 30) необходим SliverFillRemaining.

Проверьте этот блокнот для кода: https://dartpad.dev/2c434ddf2d4d1e87bd4b421f0a673c2d

            CustomScrollView(
        physics: AlwaysScrollableScrollPhysics(),
        controller: _controller,
        slivers: [
          SliverAppBar(
            pinned: true,
            backgroundColor: Colors.grey[100],
            stretch: true,
            automaticallyImplyLeading: false,
            flexibleSpace: Header(
              maxHeight: maxHeight,
              minHeight: minHeight,
            ),
            collapsedHeight: minimizedHeight,
            expandedHeight: maxHeight - MediaQuery.of(context).padding.top,
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (context, index) {
                return _buildCard(index);
              },
              childCount: numberOfItems,
            ),
          ),
          SliverFillRemaining(
              hasScrollBody: true), // ** <-- this will add space, but too much **
        ],
      ),

2

flutter flutter-sliver flutter-sliverappbar

Источник

user6626103 03 май '21 в 13:57

4 ответа

Другие вопросы по тегам flutter flutter-sliver flutter-sliverappbar

user11276416 04 май '21 в 05:37 2021-05-04 05:37 · Answer 1 · 2021-05-04 05:37

если вы просто добавляете определенную высоту пространства, я предлагаю вам использовать SliverToBoxAdapter:

      SliverToBoxAdapter(
  child: SizedBox(
    height: 50,
  ),
),

6

Источник

user11276416 04 май '21 в 05:37

user13648193 17 ноя '21 в 14:16 2021-11-17 14:16 · Answer 2 · 2021-11-17 14:16

сделайте значение hasScrollBody ложным, например:

       SliverFillRemaining(
              hasScrollBody: false

),

4

Источник

user13648193 17 ноя '21 в 14:16

user12548494 10 июл '23 в 19:52 2023-07-10 19:52 · Answer 3 · 2023-07-10 19:52

Чтобы избежать вашегоWidgetвнутри твоегоSliverToBoxAdapterот расширения. Вы можете обернуть его внутриAlignилиCenterилиColumnвот так :

      SliverToBoxAdapter(
                  child: Align(
                    alignment: Alignment.centerLeft,
                    child: YourWidget(),
                  ),
                )

0

Источник

user12548494 10 июл '23 в 19:52

user13027328 20 апр '23 в 07:05 2023-04-20 07:05 · Answer 4 · 2023-04-20 07:05

Этот пакет делает именно то, что вы ожидаете, я пытался уже несколько дней и, наконец, использовал его. Он работает так же, как SliverToBoxAdapter, но достаточно расширяется и не вызывает чрезмерной прокрутки.

        CustomScrollView(
    physics: AlwaysScrollableScrollPhysics(),
    controller: _controller,
    slivers: [
      SliverAppBar(
        pinned: true,
        backgroundColor: Colors.grey[100],
        stretch: true,
        automaticallyImplyLeading: false,
        flexibleSpace: Header(
          maxHeight: maxHeight,
          minHeight: minHeight,
        ),
        collapsedHeight: minimizedHeight,
        expandedHeight: maxHeight - MediaQuery.of(context).padding.top,
      ),
      SliverList(
        delegate: SliverChildBuilderDelegate(
          (context, index) {
            return _buildCard(index);
          },
          childCount: numberOfItems,
        ),
      ),
      SliverFillRemainingBoxAdapter(
          child: // Your content goes here), 
    ],
  ),