Блог

Главная - Вопросы по программированию - Возможно ли, чтобы ширина контейнера превышала ширину его родителя на определенное количество пикселей?

Возможно ли, чтобы ширина контейнера превышала ширину его родителя на определенное количество пикселей?

#flutter #flutter-layout

Вопрос:

Фон

У меня есть контейнер, внутри которого есть как текст, так и изображения. К сожалению, из-за множества факторов я не могу изменить основную компоновку, которую собираюсь описать

Мой макет состоит из контейнера с заполнением 27 пикселей EdgeInsets.padding(27) . Внутри этого контейнера находится текст и изображения внутри столбца

     return Container(
      padding:EdgeInsets.all(27),
      color:Colors.red,
      child:Column(
        children: [
          Container(child:Text('My Text')),
          Container(child:Image.network....) 
        ],
      )
    );

Теперь происходит то, что мой текст и изображения находятся внутри внешнего красного контейнера с красивой рамкой 27 пикселей со всех сторон вокруг текста и изображения

Чего бы я хотел достичь

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

Итак, что я сделал, это добавил a transform: Matrix4.translationValues(-27.0, 0, 0), в свой контейнер, в котором находится Image.network изображение

 Container(transform: Matrix4.translationValues(-27.0, 0, 0),child:Image.network....)

Это успешно перемещает левую сторону в соответствии с моим внешним контейнером

Проблема и суть моего вопроса

Проблема с этим подходом заключается в том, что теперь мое изображение очень короткое с правой стороны.

ПОЭТОМУ я хочу, чтобы мое изображение было размером 100% 27(*2) пикселей, чтобы оно заполняло мое пространство с правой стороны

Основной вопрос: Могу ли я в любом случае искусственно растянуть ширину контейнера изображения до 100% некоторого количества пикселей?

Ограничения

Очевидное решение здесь состоит в том, чтобы добавить мои 27-пиксельные отступы только в контейнер с текстом и оставить внешний контейнер без каких-либо отступов, но это невозможно с моей структурой. Я сильно упростил свою структуру для целей этого вопроса, но из-за нескольких факторов, находящихся вне моего контроля, я должен сохранить внешний контейнер с заполнением 27 пикселей, и это невозможно изменить.

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

Метки: ,