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,
)
)
반응형