Как добавить вертикальный разделитель в виде сетки

Для справки вертикальный разделитель в виде сетки

Как мы можем создать такой пользовательский интерфейс для элемента Grid View с вертикальным разделителем?? любое предложение будет высоко оценено

flutter flutter-layout

21.03.2022 14:24

Стоит ли изучать PHP в 2023-2024 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Используйте виджет разделителя и задайте высоту

или Используйте это

VerticalDivider(
  color: Colors.black,
  thickness: 2,
)

21.03.2022 14:34

Ответ принят как подходящий

Попробуйте приведенный ниже код, надеюсь, он вам поможет.

IntrinsicHeight(
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Expanded(
        child: Column(
          children: [
            ListTile(
              title: Text(
                'Sole Material',
              ),
              subtitle: Text('Rubber'),
            ),
            ListTile(
              title: Text(
                'Material',
              ),
              subtitle: Text('Synthetic'),
            ),
            ListTile(
              title: Text(
                'Toe Shape',
              ),
              subtitle: Text('Round Toe'),
            ),
          ],
        ),
      ),
      Expanded(
        child: VerticalDivider(
          //width: 5,
          color: Colors.black,
        ),
      ),
      Expanded(
        child: Column(
          children: [
            ListTile(
              title: Text(
                'Pattern',
              ),
              subtitle: Text('Textured'),
            ),
            ListTile(
              title: Text(
                'Occasion',
              ),
              subtitle: Text('Day'),
            ),
          ],
        ),
      ),
    ],
  ),
),

Экран результатов->