Блог

Главная - Вопросы по программированию - Добавьте рамку к нетипичной форме виджета «Материал флаттера» после того, как она закрасится

Добавьте рамку к нетипичной форме виджета «Материал флаттера» после того, как она закрасится

#flutter

Вопрос:

Верхний левый, нижний правый углы скошены (не типично закруглены). Левый нижний и правый верхний углы закруглены. Следовательно, я использую Material виджет, чтобы сделать эту нетипичную форму.

Мне нужно добавить белую рамку размером 1 пиксель к контуру окончательного рендеринга. Можно ли это сделать без необходимости обращаться к художнику-заказчику?

Я попытался добавить side к границе со скошенным прямоугольником и добавить border к оформлению коробки, но мне нужно нарисовать границу после того, как эта фигура будет нарисована.

введите описание изображения здесь

 Padding(
  padding: const EdgeInsets.all(20.0),
  child: Material(
    color: Colors.transparent,
    clipBehavior: Clip.antiAlias,
    shape: BeveledRectangleBorder(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(16.0),
        bottomRight: Radius.circular(16.0),
      ),
    ),
    child: Container(
      clipBehavior: Clip.antiAlias,
      width: 400.0,
      height: 40.0,
      decoration: BoxDecoration(
        color: Color(0xFFCA0628),
        borderRadius: BorderRadius.circular(
          15.0,
        ),
      ),
      child: Center(
        child: Text(
          'I need a border',
          style: TextStyle(
            color: Colors.white,
          ),
        ),
      ),
    ),
  ),
),
Метки: ,