본문 바로가기

flutter

Flutter에서 App ID 변경방법 Flutter에서 App ID (Package Name/Bundle ID)를 변경하는 방법입니다 build.gradle 파일, MainActivity.kt 파일, AndroidManifest.xml 등 여러파일 수정하는 방법 말고,자동으로 싹다 변경하는 방법을 추천. change_app_package_name 패키지 사용하는 방법을 이용.패키지 설치 bashflutter pub global activate change_app_package_name패키지명 변경 실행 bashflutter pub global run change_app_package_name:main com.yourcompany.yourappname com.yourcompany.yourappname => App ID이 부분을 수정하면 자동으.. 더보기
Flutter Navigator를 통한 화면전환 Navigator 기본 개념스택(Stack) 구조새로운 화면을 열면 push → 스택에 쌓임뒤로 가면 pop → 스택에서 제거됨 [Home] → push → [Second] → push → [Third] pop → [Second] pop → [Home] Navigator 기본 문법1. 화면 이동 (push)Navigator.push( context, MaterialPageRoute(builder: (context) => SecondPage()), );👉 SecondPage()가 현재 화면 위로 쌓이고, 뒤로 가면 자동으로 이전 화면이 나타납니다. 2. 화면 닫기 (pop)Navigator.pop(context); 👉 스택에서 현재 화면을 제거하고 이전 화면으로 돌아갑니다. 3. 데이터 전달하기(1.. 더보기
Flutter의 기본흐름 구조 1. 앱 시작점: main() 함수모든 Flutter 앱은 main() 함수에서 시작여기서 runApp()을 호출해 최상위 위젯을 실행 void main() { runApp(MyApp()); } 2. 최상위 위젯: MaterialApp / CupertinoApp앱의 전반적인 설정(테마, 라우팅, 네비게이션 등)을 담당보통 MaterialApp(안드로이드 스타일)을 많이 쓴다class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "Flutter Demo", theme: ThemeData(primarySwatch: Colors.blue), home: HomeScre.. 더보기
Flutter 레이아웃 위젯 정리 Flutter는 “모든 것이 위젯(Widget)”이므로, 위젯을 조합해서 레이아웃을 만든다는 개념을 꼭 알아야 한다. 1. 기본 정렬/위치 관련 위젯🔹 Center자식 위젯을 화면 중앙에 배치합니다. Center( child: Text("가운데"), )🔹 Align자식 위젯을 특정 위치에 정렬합니다.alignment 속성 사용 (Alignment.topLeft, Alignment.bottomRight 등). Align( alignment: Alignment.bottomRight, child: Text("오른쪽 아래"), )🔹 Padding자식 위젯에 여백을 줍니다. Padding( padding: EdgeInsets.all(16), child: Text("여백 있는 텍스트"), )2. 박스 형태 위.. 더보기
Flutter에서 앱아이콘(AppIcon) 설정 Flutter에서 앱아이콘을 설정하려면, 먼저 아이콘 이미지가 필요하겠고, pubspec.yaml 에서 패키지를 추가해야 한다. 보통 flutter_launcher_icons 패키지를 사용.dev_dependencies: flutter_launcher_icons: ^0.14.1 # (버전은 pub.dev에서 최신 확인)flutter_launcher_icons: android: true ios: true image_path: "assets/icon/app_icon.png" # 아이콘 원본 이미지 경로 android: true → 안드로이드 앱 아이콘 생성ios: true → iOS 앱 아이콘 생성image_path → 사용할 아이콘 이미지 (보통 1024x1024 PNG 권장)adaptive_.. 더보기
외부에서 AppBar Title 변경하기 외부 위젯에서 메인 AppBar 타이틀을 변경하는 방법은 메인으로 파라미터를 넘기는 방법도 있고 여러가지가 있는데, 의존성을 줄인 최대한 간단한 방법을 소개한다. 먼저 어디서든 접근가능한 전역변수를 선언.import 'package:flutter/foundation.dart';class AppTitle { // 앱 전역에서 공유하는 AppBar 타이틀 Notifier static final ValueNotifier notifier = ValueNotifier('타이틀 테스트');} ValueNotifier는 제너릭타입를 받아서 특정 값의 변화를 구독(Listen)할 수 있도록 해주는 클래스이다.즉, ValueNotifier → String 값을 감시하는 옵저버블 객체를 의미한다.해당 값이 바뀌면, .. 더보기