재밌는거🌈

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..

예~전 포스팅에 이어 Card List에 Card를 추가하는 화면을 구현해보도록 하겠다. 이전 내용은 아래 링크 참고! 2023.05.08 - [개발하기] - Flutter_15. List, Detail View, Message, Static 변수 2023.05.10 - [개발하기] - Flutter_18. DialogAlert, Slider Function, Size, List, Switch Figma, Function Check 1) 구현해야할 화면 체크 🌿 체크 항목 1) TextField : clear Button 2) TextArea : TextField + maxLines 3) Image 2) card_add.dart 파일에 AppBar와 Scaffold 칼라 설정 3) 변수 셋팅 이번 포스팅..

이번 포스팅은 FloatingActionButton을 메모하려 한다. 2023.05.08 - [개발하기] - Flutter_14. Model, Class, List, Card, floatingActionButton Flutter_14. Model, Class, List, Card, floatingActionButton 오늘은 전에 만들던 코드에 카드 리스트 페이지를 추가해보려한다. 🌿 체크 항목 1) home.dart에서 appBar IconButton을 클릭하면, 카드 리스트 페이지로 이동한다. 2) 카드 리스트 페이지를 구현한다. 3) uraon.tistory.com https://api.flutter.dev/flutter/material/FloatingActionButton-class.html Fl..

이번 포스팅에서는 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..