Flutter 3.7 & Dart 3.0 업데이트 내용

업데이트 목록

Flutter
- Fonts asset hot reload
- Text animation by FontVariation widget
- Dart, Flutter Engine, Flutter SDK에 대해 최소 SLSA level 2 인증 보장
- FlutterFlow (Figma와 같은 UI Toolkit), API 콜이 가능해보임
- Material 3
- ffigen & jnigen (언어 변환, 예를 들어 Android SDK => C or C++ => Dart로 활용하는 것이 가능)

Dart

- Pattern matching
- Multiple returns
- Usable switches
- Object Destructing
- Functional-style programming

Dart-Server
- Shelf (서버용 라이브러리)

Adaptive UI
- MediaQuery
- AnimatedBuilder
- LayoutBuilder
- Target platform
- PointerDeviceKind

 

Preview
- 2D Scroll (TableView, TreeView)
- Multiple windows on desktop (애뮬레이터 같은거 여러 개 띄울 수 있음)
- Impeller (Rendering engine 중 Backend에 해당, 기존 Skia 엔진 대체할 예정)

---

FlutterFlow

FlutterFlow는 Google의 오픈 소스 UI 소프트웨어 개발 키트인 Flutter용 시각적 애플리케이션 빌더입니다. 이를 통해 개발자는 강력한 백엔드 통합과 결합된 드래그 앤 드롭 인터페이스를 사용하여 크로스 플랫폼 모바일 애플리케이션을 만들 수 있습니다.

FlutterFlow의 몇 가지 주요 측면에 대한 분석은 다음과 같습니다.

시각적 인터페이스: FlutterFlow는 개발자가 코드를 수동으로 작성하지 않고도 Flutter 애플리케이션을 디자인할 수 있는 시각적 인터페이스를 제공합니다. 사용자는 위젯을 캔버스에 끌어다 놓고, 속성을 사용자 정의하고, 원하는 대로 배열하여 앱의 사용자 인터페이스(UI)를 만들 수 있습니다.
코드 생성: FlutterFlow는 사용자가 시각적 인터페이스에서 정의하는 구성 요소 및 구성을 기반으로 Flutter 코드를 생성합니다. 생성된 이 코드는 Flutter의 구문과 구조를 준수하여 개발자에게 필요한 경우 추가로 구축하고 맞춤설정할 수 있는 기반을 제공합니다.
교차 플랫폼 개발: FlutterFlow는 교차 플랫폼 개발을 지원하므로 개발자는 애플리케이션을 만들 수 있습니다.

 

사용해본 결과 간편하기는 하지만 아직까지 실무에서 쓰기에는 조금 어렵다고 생각합니다 . 

코드를 보면 아직 다소 커스텀 마이징 하기가 어려워 보입니다.

 

그치만 사용자가 상황에 맞게 쓰인다면 유용하게 사용할것 같습니다. 
이런 기능만 있는게 아닌 API Call , Test 진행 , 배포 관련한 것도 FluterFlow에서 진행할 수 있습니다.

---

Material 3

아래는 원문입니다.

https://medium.com/flutter/whats-new-in-flutter-3-7-38cbea71133c

What’s new in Flutter 3.7

https://flutter.github.io/samples/web/material_3_demo/#/

material_3_demo

위의 링크에서 데모 페이지를 확인할수 있습니다.

• Badge
• BottomAppBar
• Filled and Filled Tonal buttons
• SegmentedButton
• Checkbox
• Divider
• Menus
• DropdownMenu
• Drawer and NavigationDrawer
• ProgressIndicator
• Radio buttons
• Slider
• SnackBar
• TabBar
• TextFields and InputDecorator
• Banner  

위의 위젯들이 많이 향상되었다고 합니다.

---

Impeller Preview

impeller는 플러터의 새로운 렌더링 엔진입니다.

아래의 이슈를 해결하기 위함이라고 합니다.

아이폰에서 버벅임이 조금 줄어들것으로 보이고 있습니다. 

 

https://github.com/flutter/flutter/projects/188

GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond

 

아래는imperller를 적용하기 위한 Ios의 방법입니다.

https://github.com/flutter/flutter

GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond

---

Ios PlatformView BackdropFilter

ios 네이티브view를 flutter widget위에 올릴때 필터를 넣을게 있게 되었습니다. 

---

 

Memory management

메모리 관리가 개선되었습니다. 

 

dart:ui의 패키지들은 Dart VM이 가비지 컬렉션이 이뤄질때 해제가 되었지만 이제는 명시적으로 해제가 되도록 하여 메모리 관리가 더욱 효율적으로 변경되었습니다. 

 

---

전체내용 정리

https://docs.flutter.dev/release/release-notes/release-notes-3.7.0

Flutter 3.7.0 release notes

 

너무 많은 기능들이 업데이트가 되어서 제가 중요하게 생각하는것들만 정리를 해보았습니다. 

나머지 기능들이 궁금하다면 위 사이트를 들어가 쭉 읽어보시길 바랍니다.