본문 바로가기

전체 카테고리110

[Flutter] 플러터 - pud.dev 패키지 수정하고 배포하기 1. 우측 하단에 Repository (Github) 클릭2. 레파지토리 fork 하기 3. fork된 패키지를 자기 입 맛대로 수정하고 커밋하기4. 레파지토리 옆 5a4d0ef 숫자와 Code 버튼을 눌러 HTTPS주소 복사하기 5. yaml 파일에서 버전 지워주고 아래와 같이 입력하고 pub get 하기  라이센스 및 오픈소스 종류 확인하고 무단으로 수정하고 개인 프로젝트에 사용해도 되는지는 꼭 알아보고 쓰세요 ㅎㅎ! 간단한거면 그냥 오버라이딩 해서 바꿔 쓰자. 2024. 3. 6.
[Flutter] 플러터 - Riverpod 상태관리 응용, convex_bottom_bar BottomNavigationBar 및 바텀네비 뱃지 구현하기 (3) 해당 주제의 포스팅은 3편으로 이루어져있습니다. 현재 포스팅은 마지막편입니다.필요한 파일은 총 3 + N(바텀 네비 수)개입니다1. page_index_provider.dart2. s_main.dart3. w_convex_bottom.dart + N개 : 저는 5개의 화면을 준비했습니다.FirstScreen, SecondScreen, ThirdScreen, FourthScreen, FifthScreen1편https://hooninha.tistory.com/98  [Flutter] 플러터 - Riverpod 상태관리 응용, convex_bottom_bar 바텀네비게이션 및 바텀네비 뱃지 구현하기해당 주제의 포스팅은 3편으로 이루어져있습니다. 현재 포스팅은 1편입니다. 필요한 파일은 총 3 + N(바텀 네비.. 2024. 3. 5.
[Flutter] 플러터 - Riverpod 상태관리 응용, convex_bottom_bar BottomNavigationBar 및 바텀네비 뱃지 구현하기 (2) 해당 주제의 포스팅은 3편으로 이루어져있습니다. 현재 포스팅은 2편입니다.필요한 파일은 총 3 + N(바텀 네비 수)개입니다1. page_index_provider.dart2. s_main.dart3. w_convex_bottom.dart + N개 : 저는 5개의 화면을 준비했습니다.FirstScreen, SecondScreen, ThirdScreen, FourthScreen, FifthScreen 1편 바로가기https://hooninha.tistory.com/98  [Flutter] 플러터 - Riverpod 상태관리 응용, convex_bottom_bar 바텀네비게이션 및 바텀네비 뱃지 구현하기해당 주제의 포스팅은 3편으로 이루어져있습니다. 현재 포스팅은 1편입니다. 필요한 파일은 총 3 + N(바.. 2024. 3. 5.
[Flutter] 플러터 - Riverpod 상태관리 응용, convex_bottom_bar BottomNavigationBar 및 바텀네비 뱃지 구현하기 (1) 해당 주제의 포스팅은 3편으로 이루어져있습니다. 현재 포스팅은 1편입니다.필요한 파일은 총 3 + N(바텀 네비 수)개입니다1. page_index_provider.dart2. s_main.dart3. w_convex_bottom.dart + N개 : 저는 5개의 화면을 준비했습니다.FirstScreen, SecondScreen, ThirdScreen, FourthScreen, FifthScreen1. Riverpod 상태관리를 위해 상단에 ProviderScope를 달아주고 시작합시다. 2. page_index_provider.dart파일에 pageIndexProvider 선언해주기-> pageIndexProvider는 바텀네비게이션에 사용될 인덱스를 관리합니다.import 'package:flutte.. 2024. 3. 5.
[Flutter] 플러터 - Cupertino 적용해보기 CupertinoNavigationBar 위젯은 머터리얼의 AppBar 위젯이다.leading, middle, trailing 프로퍼티는 각각 왼쪽, 가운데, 오른쪽 영역을 나타내면 middle 프로퍼티에는 주로 제목을 표시한다.이하 CupertinoAlertDialog, CupertinoSwitch 등이 있고 디자인면에서 머터리얼과 많이 다르다. 아래는 아주 기본적인 코드들이다.import 'package:flutter/cupertino.dart';void main(){ runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext cont.. 2024. 3. 3.
[Flutter] 플러터 - Drawer keyboard 키보드 올라옴 문제 Keyboard comes up when you open drawer Drawer을 열 때 키보드가 올라오며 겹치는 경우가 있었다. 포커스 문제이니 드라워를 관리하는 화면에서 보통 onTap을 걸어서 포커스를 해제할텐데 그걸로는 부족하다. 아래 코드처럼 해주자."Keyboard comes up when you open drawer" 복붙을 위해 onTap 코드 첨부 onTap: () { final FocusScopeNode currentscope = FocusScope.of(context); if (!currentscope.hasPrimaryFocus && currentscope.hasFocus) { FocusManager.instance.primaryFocus?.unfocus(); } }, 2024. 2. 17.

티스토리툴바