찜 목록 리스트 listview를 사용하여 사용자가 찜을 눌렀던 클래스들을 보여준다. 실행 화면 코드 import 'package:finalproject_front/controller/subscribe_controller.dart'; import 'package:finalproject_front/dummy_models/subscribe_list_resp_dto.dart'; import 'package:finalproject_front/pages/subscribe/model/subscribe_page_model.dart'; import 'package:finalproject_front/pages/subscribe/model/subscribe_page_view_model.dart'; import 'package:flutte.. modalBottomSheet modalBottomSheet는 사용자가 버튼을 클릭하면 뒤에 있는 내용을 가리고 하단 시트가 나올때 사용한다. modalBottomSheet는 두가지 필수 속성이 있다. BuildContext,WidgetBuilder이다. BuildContext : 특정 위젯에 대한 빌드 컨텍스트는 시간 경과에 따라 위치를 변경 할 수 있습니다. WidgetBuilder : 빌더 위젯은 위젯을 전달해야 하지만 위젯을 반환하는 기능만 있다. 그밖에도 일부 선택적 속성에는 shape,background,elevation이 있습니다. listview 안에 listview사용하기 ListView위젯 안에 Listview위젯을 감싸고 있느 경우 shrinkWrap 프로퍼티를 true로 설정해줘야 하며 위젯에서 스크롤이 되려면 physcis 프로퍼티의 NeverScrollableScrollPhysics를 설정해줘야한다. 이미지 등록하기 image_picker라이브러리를 사용한다. 다트 파일에 image picker와 dart:io를 임포트해 주자. import 'dart:io'; import 'package:image_picker/image_picker.dart'; 소스코드 import 'dart:io'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; class Example1Page extends StatefulWidget { const Example1Page({Key? key}) : super(key: key); @override State cre.. datePicker 달력 DatePicker는 사용자가 날짜를 선택할 수 있게 해주는 Flutter의 Material 위젯이다. showDatePicker() 함수를 사용하여 달력을 보여준다. Flutter DateTime Picker는 쉽게 사용자가 지정할 수 있고 여러 언어로 날짜 및 시간 선택을 지원한다. 실행화면 날짜를 선택하는 코드 DateTime? pickedDate = await showDatePicker( context: context, initialDate: DateTime.now(), firstDate: DateTime(1950), //DateTime.now() - 오늘 전에는 선택못하게 lastDate: DateTime(2100)); if (pickedDate != null) { print(pickedDate.. lesson_detail_page,lesson_insert_page 클래스 수정페이지와 클래스 추가페이지는 거의 비슷하다. ㅁㅁ Category_detail_page 전체 틀은 클래스의 정보들이 계속 나와야 하기 때문에 ListView형식을 사용해서 클래스들을 보여준다. 디폴트로 클래스들을 등록순서대로 보여준다. dropdownButton을 사용하여 인기순,등록순,추천순으로 리스트를 보여준다. 주소뒤에 쿼리스트링 형식으로 카테고리리스트 형식을 받는다. http://localhost:8000/api/category/{catgoryId}?sort=recent&min_price=0&max_price=0 실행화면 글자가 2줄을 넘어갈때 '...'로 처리하할때 사용한다. overflow: TextOverflow.ellipsis, maxLines: 2 dropdownButton https://sub1-coding.tistory.com/297 DropDownButton 카드 결제.. lesson_detail_page lesson_detail_page는 appbar랑, body의 백그라운드 이미지를 같이 넣어주어야하기 때문에 sliverListView를 사용 sliverappbar를 사용하여 appBar에 listview의 배경색을 같이 사용하고 싶을때 사용한다. sliverappbar를 만들 때는 CustomScrollView안에다가 만들어 주고 CustomScrollView안에 Sliver가 있고 그 안에 SliverAppBar,SliverList,SliverGrid가 존재한다. double타입으로 받은 리뷰점수를 별모양으로 표시를 해줍니다. https://sub1-coding.tistory.com/296 SliverAppBar SliverAppBar 앱의 스크롤에 따라 모양이 변하는 app bar를 말한다. Bo.. 이전 1 2 3 4 5 ··· 29 다음
