flutter v3.7.0으로 업데이트 되면서 많은 내용들이 수정 및 추가 되었습니다.
참고: https://docs.flutter.dev/release/release-notes/release-notes-3.7.0
UI관련하여 내용을 살펴보겠습니다.
Icon badge
Stack 위젯으로 우측 상단에 notification을 표시하는 것을 간소화 하여 아래와 같이 표현할 수 있게 되었습니다.
FilledButton
배경색 채움 및 border-radius가 100인 버튼을 생성하려면
그림자가 기본으로 내장되어 있는 ElevatedButton, border-radius가 0인 InkWell과 같은 위젯에서 수정했어야 됐지만
FilledButton으로 간단하게 표현이 가능하게 되었습니다.
https://api.flutter.dev/flutter/material/FilledButton-class.html
SegmentedButton
flutter_advanced_segment 패키지를 사용해, segment버튼을 표현할 수 있었지만 애니메이션 효과가 요구되지 않는다면,
그룹 버튼 중 일부 선택 (ex. 모드 선택) 등을 간편하게 아래와 같이 작성할 수 있게 되었습니다.
https://api.flutter.dev/flutter/material/SegmentedButton-class.html
Divider
/// indent: 좌측으로 부터의 간격
/// endIndent: 우측으로 부터의 간격
/// thickness: divider 두께
/// height: divider 높이
///
/// 만일, 위 아래 간격이 8이며, divier 두께가 4이고 싶다면 height는 20로 작성합니다.
const Divider(height: 20, thickness: 20, indent: 5, endIndent: 0, color: Colors.black)
DropdownMenu
드롭다운을 클릭 시, TextField가 활성화 됩니다.
requestFocusOnTap 속성을 false로 하면 TextField가 비활성화 됩니다.
https://api.flutter.dev/flutter/material/DropdownMenu-class.html
참고 문서: https://blog.flutter.dev/whats-new-in-flutter-3-7-38cbea71133c
