Flutter (27) 썸네일형 리스트형 카드선택 페이지, 결제 정보 페이지 실행화면 코드 카드선택페이지 import 'package:finalproject_front/size.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter/src/foundation/key.dart'; import 'package:flutter/src/widgets/framework.dart'; class PaymentCardPage extends StatelessWidget { const PaymentCardPage({Key? key}) : super(key: key); @overrid.. 클래스 리스트 전문가로 로그인시 작성한 클래스 리스트를 보여준다. 실행화면 실행코드 import 'package:finalproject_front/constants.dart'; import 'package:finalproject_front/dto/request/lesson_update_info.dart'; import 'package:finalproject_front/dummy_models/master_lesson_list_resp_dto.dart'; import 'package:finalproject_front/pages/lesson/lesson_master_list/model/lesson_master_list_model.dart'; import 'package:finalproject_front/pages/lesso.. 클래스 등록하기 imagePicker를 사용하여 갤러리에 있는 image를 가지고 온다. 플러터에서 제공하는 datePicker를 활용하여 달력을 가지고 온다. dropdownbutton위젯으로 카테고리 선택을 활용한다. imagePicker 이미지 등록 정리 https://sub1-coding.tistory.com/305 이미지 등록하기 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 sub1-coding.t.. 고객센터 페이지, 결제/취소 내역 두개의 페이지다 별 다른 기능을 아직 넣지 못하고 그림만 그렸다.. 고객센터 import 'package:finalproject_front/constants.dart'; import 'package:finalproject_front/size.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/src/foundation/key.dart'; import 'package:flutter/src/widgets/framework.dart'; class PaymentInstallmentListPage extends StatelessWidget { const Payment.. 주문하기 페이지 +, - 아이콘을 누르면 가격이 변하기 때문에 전체를 stateful로 잡아준다. CheckBox위젯을 사용한다. 각각의 체크박스 값들을 bool타입으로 주어 사용한다. value : 상태를 나타낼 불리언 타입의 변수 onChanged : 체크값이 변할때 마다 발생하는데, 여기서 변경된 값이 불리언 value 인수로 넘어옵니다. setState() 함수를 통해 value 프로퍼티에 지정한 변수값을 변경하며 UI를 다시 그립니다. Checkbox( value: _ischecked, onChanged: (bool? value) { setState(() { this._ischecked = value!; }); }), SizedBox( width: gap_l, ), ClipRRect( borderRadius: .. 검색페이지 provider상태관리 하기전 일단 클래스들을 리스트에 담고 검색을 실행해본다. 처음에는 모든 클래스들을 리스트로 보여준다. 검색창에 입력을 하면 키워드와 일치하는 클래스들을 보여준다. 만약 검색키워드가 없으면 "검색결과가 없습니다" 문구를 날려준다. where(): 하나 이상의 조건을 만족하는 모든 요소가 포함된 iterable을 반환한다. 실행화면 코드 // main.dart import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class SearchListPage extends StatefulWidget { const SearchListPage({Key? key}) : super(key: key); @over.. 찜 목록 리스트 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이 있습니다. 이전 1 2 3 4 다음 목록 더보기
