flutter 에서 Container는 개인적으로 많이쓰는 위젯이다.
Container에서 테두리를 만드는 방법은 여러가지가 있다.
- 전체 테두리 : Border.all()
- 상하 / 좌우 테두리 : Border.symmetric(horizontal : ~~~, vertical : ~~~~~)
- 지정 테두리 : Border()
방법은 아래와 같다
//전체테두리
Container(
width: 100,
height: 100,
decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 1)),
);
//지정 테두리
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
border: Border(
left: BorderSide(color: Colors.black, width: 1),
right: BorderSide(color: Colors.black, width: 1),
top: BorderSide(color: Colors.black, width: 1),
bottom: BorderSide(color: Colors.black, width: 1))),
);
//상하/좌우 테두리
Container(
width: 100,
height: 100,
decoration: BoxDecoration(
border: Border.symmetric(horizontal: BorderSide(color: Colors.black, width: 1))),
);
'Flutter > Widgets' 카테고리의 다른 글
ElevatedButton의 배경색을 그라데이션으로 만들기 (0) | 2023.08.04 |
---|---|
[flutter]무한 스크롤 구현 방법. (0) | 2020.07.09 |
[flutter]Row 안의 내용을 정렬하는 몇가지 방법. (0) | 2020.07.08 |
[flutter]Container 에 배경이미지 적용하는법 (0) | 2020.07.08 |