재밌는거🌈

지난 번 별도 파일로 body를 분리하였다. 이어서 홈화면을 만들어 보겠다. 파일은 img_swipe.dart 에 이어서 작업 할 예정이다. 2023.05.05 - [개발하기] - Flutter_11. Drawer, ListTitle, Navigator, body, class, Stateful Flutter_11. Drawer, ListTitle, Navigator, body, class, Stateful 오늘은 지난번 포스팅에 이어서 Drawer에 리스트를 만들고 페이지 이동을 시켜보도록 하겠다. 2023.05.04 - [개발하기] - Flutter_10. Drawer, AppBar IconButton Flutter_10. Drawer, AppBar IconButton 오늘은 AppBar에 IconBu..

오늘은 지난번 포스팅에 이어서 Drawer에 리스트를 만들고 페이지 이동을 시켜보도록 하겠다. 2023.05.04 - [개발하기] - Flutter_10. Drawer, AppBar IconButton Flutter_10. Drawer, AppBar IconButton 오늘은 AppBar에 IconButton을 넣고, 클릭시 Drawer를 열어보는 것을 메모하려한다. AppBar에 사용되는 IconButton은 위치에 따라 leading, actions로 나뉜다. 자세한 내용은 아래 링크 확인! :) https://api.flutter.dev/ uraon.tistory.com Routing, Drawer, ListView 1) 폴더 "page"에 파일 추가하고, main.dart 파일에 Routing 셋..

오늘은 AppBar에 IconButton을 넣고, 클릭시 Drawer를 열어보는 것을 메모하려한다. AppBar에 사용되는 IconButton은 위치에 따라 leading, actions로 나뉜다. 자세한 내용은 아래 링크 확인! :) https://api.flutter.dev/flutter/material/AppBar-class.html AppBar class - material library - Dart API A Material Design app bar. An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. App bars typically expose one or..

Flutter_08번에서 만든 코드에 Button을 추가하고, Push로 이동하는 것을 추가해보겠다. [참고 : 2023.05.03 - [개발하기] - Flutter_08. AlertDialog, Navigator, Routing, PushNamed ] Navigator, Push 1) home.dart 파일에 GestureDetector를 Column으로 랩핑 2) Button 2개를 Row로 추가하고, 화면 정렬 3) 저장하고 화면 확인 4) Button에 Navigator.push(); 추가 context는 현재 화면을 저장하고, 추후 화면 이동 후 돌아올때 다시 보여줍니다. 5) route에 MaterialPageRoute(builder: ) 추가 return을 페이지1번 A로 넣어줍니다. 6) ..

Flutter는 화면 간 탐색 및 딥 링크 처리를 위한 완전한 시스템을 제공한다고 한다. 내비게이션과 라우터를 이용한 화면 이동을 복습해보겠다 :) 자세한 내용 및 추가적인 레시피는 아래 링크에서 확인! https://docs.flutter.dev/ui/navigation Navigation and routing Overview of Flutter's navigation and routing features docs.flutter.dev https://docs.flutter.dev/cookbook#navigation Cookbook The Flutter cookbook provides recipes for many commonly performed tasks. docs.flutter.dev Gesture..

화면 하단에 앱 프로세스에 대한 간략한 메시지를 제공하는 SnackBar를 메모해보겠다. 자세한 내용은 아래 링크에서 확인! https://docs.flutter.dev/cookbook/design/snackbars Display a snackbar How to implement a snackbar to display messages. docs.flutter.dev https://m2.material.io/components/snackbars#anatomy Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams ..

제스처를 감지하는 위젯 "GestureDetector"를 사용한 AlertDialog 출력을 메모해보겠다. 자세한 내용은 아래 링크에서 확인! https://api.flutter.dev/flutter/widgets/GestureDetector-class.html GestureDetector class - widgets library - Dart API A widget that detects gestures. Attempts to recognize gestures that correspond to its non-null callbacks. If this widget has a child, it defers to that child for its sizing behavior. If it does not ha..

오늘은 Flutter_01~03에서 만든 프로필 페이지 버튼에 링크를 걸어보겠다. 수업 시간에 알게된 pub.dev에서 검색해보았다 :) Plugin for launching a URL 1) pub.dev에서 검색 - https://pub.dev접속 - url 검색 : "url_launcher" 클릭 ❊ URL라운처 = URL을 시작하기 위한 Flutter 플러그인! 2) 복사 url_launcher: ^6.1.10 3) pubspec.yaml 파일에 붙여넣고 저장 4) 이제 Dart 코드에 url_launcher 사용 가능 import 'package:url_launcher/url_launcher.dart'; Url, async Function 1) Url을 담을 final 변수 선언 final Uri..

다양한 버튼을 사용할 수 있다. 가장 기본적인 TextButton을 입력하면 다음과 같이 출력된다. 쉽게 생각하면, onPressed는 버튼 클릭 시 출력되는 이벤트가 정의되는 부분이고, child는 버튼명을 넣는다고 생각하면 된다. #스타일 : styleFrom()을 사용하여 스타일 설정 가능 style: TextButton.styleFrom() #별도 Function을 만들어서 버튼 클릭 이벤트 구현 가능 // -- Function ---- longClickAction() { String action = "long clicked"; print('text button is $action.'); } TextButton TextButton( style: TextButton.styleFrom(foregrou..