Флаттер. Как расширить первый дочерний элемент строки до высоты списка в качестве второго дочернего элемента?

Question

Мой пример кода:

  Row(
      children: <Widget>[
        Container(
          color: Colors.red,
          child: Text('text'),
        ),
        Expanded(
          child: Container(
            color: Colors.green,
            child: ListView(
              shrinkWrap: true,
              children: <Widget>[
                ListTile(
                  title: Text('Title1'),
                ),
                ListTile(
                  title: Text('Title2'),
                )
              ],
            ),
          ),
        )
      ],
    )

Как расширить первый контейнер до высоты Listview? Я попробовал IntrinsicHeight, но он не работает с listview.

Answer 1

Намного проще было бы изменить Listview на Column и обернуть его SingleChildScrollView, затем обернуть строку IntrinsicHeight

Код:

body: IntrinsicHeight(
    child: Row(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Container(
          color: Colors.red,
          child: Text('text'),
        ),
        Flexible(
          child: Container(
            color: Colors.green,
            child: SingleChildScrollView(
              child: Column(
                //   shrinkWrap: true,
                children: <Widget>[
                  ListTile(
                    title: Text('Title1'),
                  ),
                  ListTile(
                    title: Text('Title2'),
                  ),
                  ListTile(
                    title: Text('Title1'),
                  ),
                  ListTile(
                    title: Text('Title2'),
                  ),
                  ListTile(
                    title: Text('Title1'),
                  ),
                ],
              ),
            ),
          ),
        )
      ],
    ),
  ),

Answer 2

Назначьте контроллер списка списку и используйте его свойство position.viewportDimension, чтобы получить высоту.

Однако, должен быть сброс кадра, так как вам нужно ждать, пока элемент списка не будет уложен на экране, прежде чем вы сможете получить доступ к размеру области просмотра.

Проверьте этот пример в dartpad

Нажмите кнопку + в примере, чтобы добавить элементы списка. Вы можете заметить задержку кадров, но она работает.

Надеюсь, это поможет!