Отдельная страница с размещением виджета прокрутки

#flutter #user-interface #dart

#flutter #пользовательский интерфейс #dart

Вопрос:

Я пытаюсь создать страницу с возможностью прокрутки, подобную этой:

введите описание изображения здесь

Но я всегда заканчивал так:

введите описание изображения здесь

Я хотел показать свой виджет «карточка» немного ниже, а затем я собираюсь добавить другие виджеты ниже. Я использовал разные компоненты для создания этого макета, из-за этого я не собираюсь вставлять весь код. Вот мой код, с помощью которого я пытался создать свой макет:

 Widget _buildBody(BuildContext context) {
    return LayoutBuilder(
      builder: (BuildContext context, BoxConstraints viewportConstraints) {
        return SingleChildScrollView(
          child: ConstrainedBox(
            constraints:
                BoxConstraints(minHeight: viewportConstraints.maxHeight),
            child: Stack(
              children: <Widget>[
                _buildTitleBar(context),
                _buildCard(context),
              ],
            ),
          ),
        );
      },
    )
  

Комментарии:

1. можете ли вы объяснить, чего именно вы хотите?

2. Я хочу страницу, которая может прокручиваться, имеет строку заголовка (которая синяя на изображениях выше), виджет карточки, на котором есть графики, и который немного переливается на строку заголовка

3. В принципе, я хочу узнать, как виджеты стека работают со своими родительскими отношениями, и я хочу узнать, как я могу настроить расположение виджетов этого стека

4. существует обходное решение, вы можете использовать поле сверху для карточки, немного превышающее размер заголовка, который вы хотите.

5. спасибо, я собираюсь попробовать это сейчас