플러터로 테두리에 라인을 그리는 형태의 박스를 디자인 하기 위해서 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,
)
)
반응형
'Dev > Flutter' 카테고리의 다른 글
[Flutter] AAPT: error: failed to read PNG signature: file does not start with PNG signature. (0) | 2023.06.28 |
---|---|
[Flutter] ListView.Builder 를 사용할때 주의할 점 (0) | 2022.12.23 |
[Flutter] Mockito 를 이용한 테스트 코드 설정 방법 (0) | 2022.11.25 |
[Flutter] Http 통신 @GET으로 Json 데이터 전송이 가능한가? (0) | 2022.11.23 |
[Flutter] 라운드 형태 TextFiled 만드는 방법 (0) | 2022.11.15 |