Dev/Flutter

[Flutter] Border 테두리 - 라운드 사각형 디자인

healthyryu 2022. 12. 7. 23:22

플러터로 테두리에 라인을 그리는 형태의 박스를 디자인 하기 위해서 Container 위젯을 사용해도 되고, Card 위젯을 사용해서 구현하면 됩니다.

Container(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(6),
      color: Colors.white,
      border: Border.all(color: color),
    ),
  padding: const EdgeInsets.only(left: 6, right: 6, top: 4, bottom: 4),
    child: item,
)
Card(
    elevation: 0,
    margin: EdgeInsets.zero,
    shape: RoundedRectangleBorder(
        side: BorderSide(color: color),
        borderRadius: const BorderRadius.all(Radius.circular(6))),
    child: Container(
      margin: const EdgeInsets.only(left: 6, right: 6, top: 4, bottom: 4),
      child: item,
    )
)

 

반응형