재밌는거🌈

Flutter 장점 중 하나가 바로, Material과 Cupertino를 동시에 사용할 수 있다는 점이다. Cupertino의 Picker를 오늘 정리하면서, 지난 포스팅에 만든 Add Card 코드를 조금 수정해보도록 하겠다. 2023.05.14 - [개발하기] - Flutter_22. CardList, Add Card, TextField, TextArea, Clear Button CupertinoPicker의 상세 내용은 아래 링크 참고 :) https://api.flutter.dev/flutter/cupertino/CupertinoPicker-class.html CupertinoPicker class - cupertino library - Dart API An iOS-styled picker. D..

이번 포스팅에서는 Button과 함께 사용하는 TextField를 메모해보려 한다. 버튼을 클릭하면, 입력한 값은 SnackBar로 출력해보겠다. 2023.05.02 - [개발하기] - Flutter_07. ScaffoldMessenger, SnackBar, Function Flutter_07. ScaffoldMessenger, SnackBar, Function 화면 하단에 앱 프로세스에 대한 간략한 메시지를 제공하는 SnackBar를 메모해보겠다. 자세한 내용은 아래 링크에서 확인! https://docs.flutter.dev/cookbook/design/snackbars Display a snackbar How to implement a snackba uraon.tistory.com TextFiel..

이번 포스팅에는 텍스트필드를 정리해보려 한다. TextField 관련 내용은 아래 링크 참고:) https://api.flutter.dev/flutter/material/TextField-class.html TextField class - material library - Dart API A Material Design text field. A text field lets the user enter text, either with hardware keyboard or with an onscreen keyboard. The text field calls the onChanged callback whenever the user changes the text in the field. If the user in..

지난 포스팅에 이어 오늘도 Function 부분을 구현해보도록 하겠다. 코드를 다시 실행해보고, 해야할 체크 항목을 확인하자 :) 🌿 체크 항목 ✅ Detail Page에서만 Play 화면에 진입 가능, Detail Page에 출력중인 이미지를 Play 화면에 출력하여 사용 ✅ SwitchImageChange : 이미지 변경(작품/아티스트) ✅ SwitchImageSize : 이미지 사이즈 변경(작게/크게) & 스위치 Label 변경(Size-Max/Size-Min) ✅ SwitchImageShow : 이미지 출력 여부 설정(노출/비노출), 비노출일 경우 해당 영역 Color 표시, 노출일 경우에만 1번 가능 4) SliderSize : 이미지 사이즈를 6단계(0~5) 옵션으로 선택하여 조절 5) Sli..

지난 포스팅에 이어 오늘은 Function 부분을 구현해보도록 하겠다. 코드를 다시 실행해보고, 해야할 체크 항목을 확인하자 :) 2023.05.08 - [개발하기] - Flutter_16. Static, Message, Switch, Slider 🌿 체크 항목 ✅ Detail Page에서만 Play 화면에 진입 가능, Detail Page에 출력중인 이미지를 Play 화면에 출력하여 사용 1) SwitchImageChange : 이미지 변경(작품/아티스트) 2) SwitchImageSize : 이미지 사이즈 변경(작게/크게) & 스위치 Label 변경(Size-Max/Size-Min) 3) SwitchImageShow : 이미지 출력 여부 설정(노출/비노출), 비노출일 경우 해당 영역 Color 표시 ..

오늘은 카드 상세 페이지에서 FloatingActionButton을 클릭하면, "Play Image" 페이지로 이동하고, 해당 페이지에서 Swtich와 Slider를 사용한 기능을 복습해보려한다. 스위치와 슬라이더 관련 내용은 아래 링크 참고 :) 2023.05.06 - [개발하기] - Flutter_13. Stateful, Switch, setState, Button Flutter_13. Stateful, Switch, setState, Button 스위치는 스위치의 값을 알고 있을 전역 변수가 필요하다. 자세한 소개는 아래 링크 참고 :) https://api.flutter.dev/flutter/material/Switch-class.html Switch class - material library ..

이번에는 카드 리스트에서 카드를 클릭하면, 상세 페이지로 이동 하는 부분을 만들어 보려한다. 선택한 카드의 이미지, 타이틀, 내용 정보를 그대로 상세 페이지에 출력해보자 :) 객체가 없는 class static 변수 1) message.dart 파일 생성하고, 주고받을 정보 Static 정의 🌈 static 이란? → 어디에서든 사용할 수 있음! 인스턴스에 귀속되지 않고, 클래스 통째로 귀속이 되는것. 함수 또는 변수가 통째로 클래스에 귀속이 되는 것! 2) card_list.dart 파일에서, Card > onTap에 보내줄 정보 Message. 에 선택 정보 담기! 3) card_detail.dart 파일에서, body에 Message. 정보로 출력하기! 4) 저장하고, 목록 상세 화면 이동 확인 5..

오늘은 전에 만들던 코드에 카드 리스트 페이지를 추가해보려한다. 🌿 체크 항목 1) home.dart에서 appBar IconButton을 클릭하면, 카드 리스트 페이지로 이동한다. 2) 카드 리스트 페이지를 구현한다. 3) 화면에 떠있는 플로팅 버튼을 구현한다. 이전에 home.dart를 만들어 Drawer를 넣고, appBar에 IconButton을 추가했었다. Drawer는 ListView로 UserAccountsDrawerHeader와 ListTile를 셋팅하고, 홈메인 화면(이미지 스와이프)은 img_swipe.dart라는 별도 신규 파일에, body 코드를 통으로 분리하였다. 수업 시간에 배운거 꼼꼼히 복습중 :) 2023.05.05 - [개발하기] - Flutter_11. Drawer, Li..

스위치는 스위치의 값을 알고 있을 전역 변수가 필요하다. 자세한 소개는 아래 링크 참고 :) https://api.flutter.dev/flutter/material/Switch-class.html Switch class - material library - Dart API A Material Design switch. Used to toggle the on/off state of a single setting. The switch itself does not maintain any state. Instead, when the state of the switch changes, the widget calls the onChanged callback. Most widgets that use a switch..