[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

[Flutter] appbar(leading) 로고(아이콘) 사이즈 키우는 방법

2023-12-21 1. 방법 아래와 같이 leadingWidth를 넓히면 전체적인 leading에 위치해 있는 로고의 크기를 키울 수 있다. AppBar( title: const Text('Title'), leading: Placeholder(color: Colors.white), leadingWidth: 100, ) 2.출처 https://stackoverflow.com/questions/66387869/how-to-increase-size-of-appbar-leading-property-in-flutter How to Increase size of AppBar leading property in flutter? I'm trying to add my custom text button into AppB..

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

[Flutter] 플러터 State management 알아보기

2023-12-20 1. State 각각의 위젯들은 계층적 구조를 가지며 상태를 가지고 있다. 이러한 위젯의 상태를 초기화하기 위해서 build()라는 메서드를 사용하게 되며 해당 메서드는 데이터의 필요 시점에 자식 위젯의 인스턴스화하는 것을 보장해 준다. @override Widget build(BuildContext context) { return ContentWidget(importantState); } 다만 아래와 같이 계층 구조가 깊어질 수록 상위 위젯에 정보에 접근하는 것이 어려워지는데 이를 위해 Flutter에서는 InheritedWidget 클래스를 제공한다. 해당 클래스를 활용하면, 현재 위젯의 상위위젯에 접근할 수 있다. 아래는 ExamWidget 또는 GradeWidget 개체 중 하..

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

[Flutter] Architectural layers 알아보기

2023-12-19 1. Concept 플러터는 확장 가능한 레이어 시스템으로 구성되어 있다. 이는 플러터의 레이어가 각각의 독립적인 라이브러리 형태로 존재하고 이는 자신이 속해 있는 레이어에 의존하고 있다고 볼 수 있다. 또한 해당 레이어들은 하위에 레이어 직접적인 접근권한을 가지고 있지 않으며, 모든 프레임워크 레벨들은 옵션적이거나 교체 가능하게 디자인되어 있다. 플러터는 기본적으로 어떠한 native application(ios, android) 에서든지 문제없이 동작할 수 있도록 패키징되어 시스템위에서 동작하게 된다. 2. Embedder Layer 우리가 처음 flutter 프로젝트를 생성할때 Embedder level 에서 다양한 플랫폼에 대한 Embedder 레이어가 Flutter에서 즉시 ..

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

[Flutter] vscode 에서 const 자동 완성 방법 "source.fixAll": true

2023-12-17 1. 방법 ctrl(command) + shift + p 로 Open User Settings (JSON) 검색 후 실행 이후 아래와 같이 "editor.codeActionsOnSave":{ "source.fixAll": true } 를 하단에 추가 한다. { "editor.fontSize": 14, "terminal.integrated.fontSize": 16, "debug.console.fontSize": 13, "[dart]": { "editor.formatOnSave": true, "editor.formatOnType": true, "editor.rulers": [ 80 ], "editor.selectionHighlight": false, "editor.suggestSelect..

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