[Flutter] Container 테두리 주기

hodu·2023년 3월 2일
0

Flutter

목록 보기
2/30

부분 테두리 주기

하단만 테두리를 주고싶다면 bottom속성에 색을 같이 지정해준다.
border: Border(bottom: BorderSide(colors.pink))

Container(
      padding: const EdgeInsets.only(left: 35, top: 20, right: 35, bottom: 10),
      decoration: BoxDecoration(
        border: Border(
          bottom: BorderSide(color: Colors.grey.withOpacity(0.3)),
        ),
      ),
)

전체 테두리 주기

테두리 전체에 색을 주고 싶다면
border: Border.all(color: Colors.pink)

Container(
      padding: const EdgeInsets.only(left: 35, top: 20, right: 35, bottom: 10),
      decoration: BoxDecoration(
        border: Border.all(color: Colors.grey),
      ),
)



하단만 테두리 주었을때 아래의 화면을 볼 수 있다.

profile
Flutter developer

0개의 댓글