Как добавить изображение в углу флаттера?

Question

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

Я слеп для этого правого верхнего угла изображения. Заранее спасибо.

Answer 1

Вы можете использовать Row с Expanded виджетами для размещения макета в вашем контейнере. Параметр flex представляет собой процентное значение для расширения, поэтому в вашем случае вы хотите иметь x% пространства для создания виджета изображения, а остальное - для текста.

Используя параметр flex, выУбедитесь, что ваш макет адаптируется в случае роста контейнера.

Помните, Row - это контейнеры, которые ограничивают ваш код по горизонтали. У вас также есть Column для вертикальных и Stack для стека виджетов.

Row(
    children: <Widget>[
        Expanded(
            flex: 75
            child: YourTextWidget(),
        ),
        Expanded(
            flex: 25,
            child: YourImageWidget(),
        ),
    ],
)

Надеюсь, я помог!