Блог

Главная - Вопросы по программированию - Как сделать украшенную рамку в трепете

Как сделать украшенную рамку в трепете

#flutter

Вопрос:

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

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

1. Это изображение сложной формы, для его создания вы можете использовать «CustomPaint/clipPath». Можете ли вы включить то, что вы пробовали до сих пор?

Ответ №1:

Размер ваших изображений таков 473 × 670 . Размер углового украшения 115 x 115 . Таким образом, вы можете использовать свойство centerSlice для растягивания изображения в соответствии с вашими потребностями. Вот так просто…

 Image.asset(
  "images/decorated_image.png",
  height: 1000, // device or widget height
  width: 350, // device or widget height
  centerSlice: const Rect.fromLTRB(115, 115, 358, 555),
)

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

Ответ №2:

Вы можете использовать стек:

 Stack(
    children: [
       Image(), // your border image
       Container(margin: EdgeInsets.all(12)) // other widgets inside border
    ]
)
Метки: