로고 이미지  Flutter & Firebase

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (47)
    • firebase (13)
    • flutter (22)
    • 컴퓨터상식 (2)
    • dart기초 (5)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

flutter

  • column 내에 listview 와 타 위젯을 같이 배치하려면..

    2025.08.01 by carecat

  • flutter 파일 입출력(파일로 저장, 키:값형태), 로컬 파일 저장,shared_preferences 패키지

    2025.07.26 by carecat

  • Notification 앱이 종료된 상태에서 수신된 알림 클릭후 해당 페이지로 이동해보기

    2025.07.25 by carecat

  • flutter 아이콘 앱 아이콘 생성 flutter_launcher_icons 활용.

    2025.07.24 by carecat

  • navigatorKey 란 무엇일까?

    2025.07.22 by carecat

  • FloatingActionButton 활용안입니다.

    2025.07.21 by carecat

  • switch widget 스위치 위젯 사용 방법입니다.

    2025.07.20 by carecat

  • Notifications 사용해 보기 flutter_local_notifications 패키지..

    2025.07.17 by carecat

column 내에 listview 와 타 위젯을 같이 배치하려면..

column 내에 listview.builder 와 타 위젯이 같이 배치가 되지 않습니다.listview 는 스크롤기능이 있어 전체화면으로 확장하려는 성질이 있기 때문입니다.하지만, sizedbox 나 container 를 같이 사용한다면 가능합니다. 방법: column 위젯내에 sizedbox 를 선언하고 listview 를 감싸주면 가능합니다. |----------column-------| | -----sizedbox----- | | --listview-- | Column( children: [ SizedBox(height: 50,), SizedBox(height: 600, child: Expanded( child: List..

flutter 2025. 8. 1. 10:23

flutter 파일 입출력(파일로 저장, 키:값형태), 로컬 파일 저장,shared_preferences 패키지

flutter 에서 파일 입출력/ 로컬 파일 저장을 하는 방법입니다.로컬에 저장해 놓고 간단히 데이타를 읽어오거나 저장할수 있는 방법입니다. 첫번째로 flutter 패키지를 임포트 해야합니다.path_provider: 둘째로, 파일을 쓰기전에 경로를 파악해야 합니다.final directory = await getApplicationDocumentsDirectory();final path = await directory.path; =>현재의 디렉토리를 구하고, 전체 경로를 구합니다. 셋째로, 파일이름과 내용을 정해서 기록해 줍니다.final file = await getLocalFile(filename);return file.writeAsString(content);=>content 가 기록할 내용입니다..

flutter 2025. 7. 26. 16:34

Notification 앱이 종료된 상태에서 수신된 알림 클릭후 해당 페이지로 이동해보기

flutter_local_notification 패키지를 이용해 flutter 내에서 알림을 구현하고, 예약을 통해 알림을 지정한후앱이 종료된 상태에서 알림이 오고 이를 클릭했을때 해당 페이지로 이동하여 내용을 보여주는 내용입니다.말이 길죠?~ 요약하자면예약설정 -> 앱을 종료함 -> 예약된 시간에 알림이 옴 => 이를 클릭했을때 지정된 페이지로 이동됨. step1.flutterlocalnotificationsplugin 초기화 파일에 추가 static NotificationAppLaunchDetails? launchDetails;launchDetails = await flutterLocalNotificationsPlugin.getNotificationAppLaunchDetails(); =>getN..

flutter 2025. 7. 25. 21:41

flutter 아이콘 앱 아이콘 생성 flutter_launcher_icons 활용.

flutter 코딩후 해당 아이콘 생성 방법입니다.안드로이드 스튜드오에서 설정하는 방법도 있으나 손쉽게 할수있는 방법이 있습니다. 바로 flutter_launcher_icons 를 활용하면 가능합니다. 1.*.yaml 파일에 패지키를 추가합니다.dev_dependencies: flutter_test: sdk: flutterflutter_launcher_icons: android: true ios: true image_path: "assets/icons/weather.png" image_path: 각자의 실정에 맞게 변경 적용해야 합니다. / 각 첫 라인 위치 매우중요합니다. 2. 해당 경로에 아이콘 파일을 복사 해서 넣습니다. 3. 아래와 같이 터미널에서 입력합니다. dart run ..

flutter 2025. 7. 24. 12:19

navigatorKey 란 무엇일까?

flutter에서는 페이지 이동 할수있는 방법이 2가지가 있다.Navigator.push =>context 반드시 필요함NavigatorKey => context 가 없어도 페이지 이동가능 각각의 사용법은 아래와 같습니다.-Navigator.pushNavigator.push(context, MaterialPageRoute(builder: (_)=> ViewNotificn())); "ViewNotificn() 페이지로 이동됨" -NavigatorKey 사용하려면 몇가지 사전에 셋팅할 내용이 있습니다.final GlobalKey navigatorKey = GlobalKey();void main() async{ =>Globalkey 선언return MaterialApp( navigatorKey: nav..

flutter 2025. 7. 22. 12:22

FloatingActionButton 활용안입니다.

flutter 의 floatingActionButton 활용해 보겠습니다.우선 눈에 쏘옥 드는 문구가 있죠? floating ㅋㅋ 둥둥 떠있닥? 그런느낌의 문자입니다..보통은 하나만 띄울수가 있습니다.floatingActionButton: FloatingActionButton( onPressed: () { // 여기에 원하는 동작을 추가하세요 print('플로팅버튼클릭!'); }, child: Icon(Icons.save), tooltip: '저장', backgroundColor: Colors.blue,), 그러나, 필요하다면 여러개 띄울수도 있습니다.stack 위젯을 이용한 방법입니다. floatingActionButton: Stack( children: [ Posit..

flutter 2025. 7. 21. 22:15

switch widget 스위치 위젯 사용 방법입니다.

switch widget 사용법은 매우 간단합니다.일단 어떻게 생긴 위젯인지 보겠습니다~아마 안드로이드 보단, 애플폰에서 많이 보셨을겁니다...staful 위젯 기준으로 보겠습니다.step1. 별도의 임포트할 패키지는 없습니다.setp2. 코딩 구현bool _isSwitched = false;@overrideWidget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(title: Text('Switch Demo')), body: Center( child: Column( children: [ Switch( ..

flutter 2025. 7. 20. 16:13

Notifications 사용해 보기 flutter_local_notifications 패키지..

모바일 폰 자체에서 알림을 줄수 있는 기능이 바로 Notifications 기능입니다.단말기 자체에서 알림을 줄수 있습니다. 아래 참고 이미지 입니다.~ 사용하려면 패키지를 이용해야합니다. 바로 flutter_local_notifications 입니다. 전체적인 셋팅 흐름입니다.1.flutter_local_notifications 패키지 추가 1-1. AndroidManifest.xml 셋팅2.코딩 구현 자, 그럼 진행해 보겠습니다.1.패키지 추가 ( pubspec.yaml) 파일에 아래와 같이 추가합니다.dependencies: flutter: sdk: flutter flutter_local_notifications: ^19.3.0 =>flutter_local_notification..

flutter 2025. 7. 17. 18:50

추가 정보

인기글

최신글

페이징

이전
1 2 3
다음
TISTORY
carecat 님의 블로그 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바