Flutter/Widget
-
[Widget] DataTable을 활용하여 깔끔하게 표 형식으로 나타내기Flutter/Widget 2023. 6. 27. 11:39
개발을 진행하면서 List를 뿌려주거나 깔끔하게 표현해주고자 할때 DataTable을 사용하면 된다. 아래는 간단한 예시이다. DataTable(columns: columns, rows: rows) DataTable은 column과 rows로 구성되어 있다. column은 Header 값, 즉 최상단에 위치한 제목이라고 생각하면 이해하기 쉽다. rows는 Body 값, 제목 안에 들어있는 데이터 내용이라 생각하면 될 듯 하다. 나같은 경우 Datatable을 그릴때 Container 내에 그린다. 그래야 width, height 값을 주기 편하기 때문이다. DataTable 내에는 많은 속성값들이 있는데 나는 horizontalMargin, columnSpacing 두 가지를 주로 사용한다. horizo..
-
[Widget] Text 부분적으로 글자 색상 변경하는 방법Flutter/Widget 2023. 6. 26. 17:23
아마 개발을 진행하면서 제일 많이 사용하는 위젯이 Text라고 생각한다. 이 Text를 부분적으로 글자 색상을 변경하고 싶다면? 아래는 기본 Text 사용 예시이다. Flutter에서 기본으로 제공해주는 Material에는 RichText라는 위젯이 존재한다. 이 위젯을 사용하면 부분적으로 색상 변경을 쉽게 할 수 있다. RichText( text: TextSpan( children: [ TextSpan(text: 'Hello,', style: TextStyle(fontSize: 40, color: Colors.black)), TextSpan(text: ' World', style: TextStyle(fontSize: 40, color: Colors.red)) ])), 이 코드는 RichText를 사용하..