50 lines
1016 B
Markdown
50 lines
1016 B
Markdown
|
|
||
|
|
#### Container
|
||
|
|
```dart
|
||
|
|
Container(
|
||
|
|
// Container내부 여백만들기
|
||
|
|
margin: EdgeInsets.only(left:10, right: 10, top: 10),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
// 태두리 색깔
|
||
|
|
border: Border.all(color: Colors.deepOrange),
|
||
|
|
// 각 모서리 둥글게
|
||
|
|
borderRadius: BorderRadius.circular(10.0),
|
||
|
|
),
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
#### Row
|
||
|
|
|
||
|
|
#### Column
|
||
|
|
|
||
|
|
|
||
|
|
#### Table
|
||
|
|
```dart
|
||
|
|
Table(
|
||
|
|
// border: TableBorder.all(),
|
||
|
|
border: TableBorder(
|
||
|
|
// 수평 구분선 색상
|
||
|
|
horizontalInside: BorderSide(color: Colors.green),
|
||
|
|
// 수직 구분선 색상
|
||
|
|
verticalInside: BorderSide(color: Colors.blue.shade400),
|
||
|
|
|
||
|
|
// 맨 오른쪽 수직 구분선 색상
|
||
|
|
right: BorderSide(color: Colors.purpleAccent),
|
||
|
|
// 맨 왼쪽 수직 구분선 색상
|
||
|
|
left: BorderSide(color: Colors.purpleAccent),
|
||
|
|
),
|
||
|
|
...
|
||
|
|
)
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
#### TableRow
|
||
|
|
```dart
|
||
|
|
TableRow(
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
// 해당 Row Cell들의 배경색상
|
||
|
|
color: Colors.blue.shade100,
|
||
|
|
),
|
||
|
|
children: ...
|
||
|
|
)
|
||
|
|
```
|