[Flutter] Rendering and layout 알아보기

2024-01-05 1. Flutter’s rendering model 일반적으로 크로스 플랫폼 언어들은 추상화된 레이어를 통해 네이티브 언어들과 소통을 하게 되는데, 이러한 추상화 과정에서 많은 부하를 가져오게 된다. 반면에 Flutter는 자체 위젯 세트를 통해 시스템 UI 위젯 라이브러리를 우회하여 이러한 추상화를 최소함으로써 부하를 줄이는 전략을 사용했다. Flutter의 시각적 요소를 그리는 Dart 코드는 렌더링을 위해 Skia(또는 향후 Impeller)를 사용하는 네이티브 코드로 컴파일된다. Flutter는 또한 자체 Skia 복사본을 엔진의 일부로 포함하므로 개발자는 휴대폰이 새로운 Android 버전으로 업데이트되지 않은 경우에도 최신 성능 개선 사항으로 업데이트를 유지할 수 있도록 앱..

• format_list_bulleted App/Flutter
• · 2024. 1. 5.
• textsms

[Flutter] dropdown_button2 드롭다운 버튼 구현 방법

2024-01-02 1. 설치 dependencies: dropdown_button2: ^2.3.8 import 'package:dropdown_button2/dropdown_button2.dart'; 2. 예제 final List items = [ 'Item1', 'Item2', 'Item3', 'Item4', ]; String? selectedValue; @override Widget build(BuildContext context) { return Scaffold( body: Center( child: DropdownButtonHideUnderline( child: DropdownButton2( isExpanded: true, hint: Text( 'Select Item', style: TextSt..

• format_list_bulleted App/Flutter
• · 2024. 1. 4.
• textsms

[Flutter] PopupMenuButton 를 이용한 드롭다운 버튼 구현 onSelected

2024-01-03 1. 구현 예제 코드 코드를 구현한 배경지식은 로그인 후 Appbar 우측 상단에 톱니모양의 아이콘이 나오면 로그아웃과 회원탈퇴 기능을 하는 드롭다운 버튼을 구현하는 것이 필요하여, PopupMenuButton 위젯을 사용하여 구현하였다. 드롭다운은 메뉴는 로그아웃/회원탈퇴 두 가지이며, 각각은 PopupMenuItem 위젯으로 wrapping 되어 있다. 유저의 tap에 따라 onSlected 되면 해당 PopupMenuItem 의 value 값 기준으로 분기를 진행하여 원하는 기능을 수행할 수 있게 된다. PopupMenuButton( onSelected: (value) async { if (value == 'signout') { await authService.signOut();..

• format_list_bulleted App/Flutter
• · 2024. 1. 3.
• textsms

[Flutter] 플러터 안드로이드 APK 파일 빌드/추출 방법

2023-12-28 1. 방법 현재 프로젝트 경로에서 터미널로 아래 명령어를 입력하면 된다. flutter build apk --release --target-platform=android-arm64 해당 명령어는 Flutter 프로젝트를 릴리스 모드로 빌드하고, 명시적으로 Android 애플리케이션을 64비트 ARM 아키텍처 (android-arm64)로 타겟팅하는 Flutter 명령어이다. 자신의프로젝트/build/app/outputs/apk/release/app-release.apk 이후 해당 경로에 app-release.apk 라는 이름으로 파일이 들어가 있는 것을 확인할 수 있다. 만약에 만들어지는 apk 파일의 이름을 임의로 지정하고 싶다면 아래의 명령어를 사용하면 된다. flutter bui..

• format_list_bulleted App/Flutter
• · 2023. 12. 28.
• textsms

[Flutter] 패키지명 바꾸는 방법 change_app_package_name

2023-12-27 1. 방법 AndroidManifest.xml | build.gradle | MainActivity 등 패키지 명을 바꾸기 위해 기존에 설정들을 수정해야 되는 것이 다수 존재하는데 이를 편하게 변경해 주는 라이브러리가 있다. pubspec.yaml 에 아래와 같이 의존성을 명시해 준다. dev_dependencies: change_app_package_name: ^1.1.0 이후 현재 프로젝트 위치에서의 터미널에서 아래와 같이 의존성 업데이트를 해준다. flutter pub get 현재 프로젝트 디렉토리에서 터미널로 아래의 명령어와 같이 자신이 변경하고 싶은 새로운 패키지 구조를 작성하고 실행시키면 패키지 구조가 변경되는 것을 확인할 수 있다. flutter pub run change..

• format_list_bulleted App/Flutter
• · 2023. 12. 27.
• textsms

[Flutter] 플러터 로딩기능 구현 flutter_easyloading

2023-12-26 1. 라이브러리 사용 라이브러리는 flutter_easyloading이다. 해당 라이브러리는 명령어 하나로 손쉽게 로딩 기능을 구현할 수 있도록 도와준다. 2. 방법 pubspec.yaml 에 아래와 같이 의존성을 주입해 준다. dependencies: flutter_easyloading: ^3.0.5 아래의 예제를 참고하여 자신의 MarteialApp에 builder: EasyLoading.init(), 부분을 추가해 준다. (해당 부분은 없으면 초기화 안됬다고 에러가 발생한다.) class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(Build..

• format_list_bulleted App/Flutter
• · 2023. 12. 26.
• textsms