1. 빈칸 assets 이미지 넣기 png로빈칸-> assets 이미지 넣기 png로
2. 펍스펙.야믈 -> assets 컨트롤+? 눌러서 주석해제
3. assets:
- assets/
4. lib 안에 폴더 ui , data
5. data 안에 폴더 model,repository
6. ui 안에 폴더 pages,widgets
7. pages 안에 폴더 address_search ,chat_detail, home , join , login , product_detail ,product_write , welcome
8. address _search안에 파일 address _search_page.dart ,폴더 widgets
9. chat_detail 안에 파일 chat_detail_page.dart
10. pages 안에 모든 폴더에 widgets 붙혀넣기
11. home 안에 파일home_page.dart
12. join 안에 파일 join_page.dart
13. login안에 파일 L p d
14. prd 안에 pdp d
15. 나머지 두개도 똑같이
- 파일 작업끝-
- ASP클래스 만들기 –
16. Asp.dart 에서 class addressSearchPage ETD SLW { }
17. Add 퀵픽스 리턴 스캐폴드 앱바,바디:텍스트 (‘class addressSearchPage’)
18. 전체 복사해서 챗디테일 페이지에 복붙
- CDP 클래스 만들기- 8:07
19. 클래스명 바꾸기ASP->CDP로
20. 바디 텍스트도 CDP로 바꾸기
21. 복사해서 홈페이지.dart
- HPD 클래스 만들기 8:31
22. 똑같이 복붙후 이름 바꿔주기
23. Join,login,productdt,pdw,wcp 동일
- main.dart 수정하기 10:00
1. main.dart에서 리턴 머테리얼 앱 밑으로 전부 지우기
2. 홈:웰컴페이지(),
3. 터미널에서 플러터 펍 애드 플러터_리버팟 실행
4. 런앱에 마이앱 지우고 런앱(PRP(차일드:마이앱()));
5. 에뮬 실행
- 웰컴페이지 구성하기 12:20
6. 바디 -텍스트 자리 지우고 컬럼() 배치
7. 컬럼(
칠드런: [
이미지.에셋(‘에셋츠/이미지이름.png’
Height:250),
],
)
8. 컬럼 랩위드 사이즈드 박스로 감싸주기
9. Sizedbox.바로옆에 expand쓰기(expand는 위스와 하이트를 자기가 넓힐 수 있을 만큼 넓혀주는 생성자
10. Height:250), 밑에 Text (‘미래를 그리는 투자, 예술을 담는 가치’,
Style: 텍스트스타일(폰사:24,폰웨:폰웨.볼드, )),
11. 텍스트 괄호 끝나는곳에 Text(‘당신의 취향에 맞춘 예술 투자 플랫폼\n작품하나로 무한한 가능성이 열립니다’,
textAlign: TextAlign.center,
style: TextStyle( 폰사:16,)) // \n Escape Sequence – 줄바꾸기 명령어
12. 윗글자와 아랫글자 위아래 간격 벌리기
è SizedBox(height:10),
Text(당신의
13. 맨밑 text괄호 끝나는 곳에 엘베버튼(온프레스드 빈함수(){}, child: Text(‘시작하기’))
- 엘레베이트버튼 통일 디자인 구성 17:00
1. 엘레베이트버튼에서 테마 수정 아님 Main.dart로 이동-> 수정함
2. 리턴 머테리얼(테마:테마데이터(컬러스킴: 컬러스킴.프롬시드(시드컬러:컬러스.앰버),하이라이트컬러: 컬러스.앰버,
엘베버튼테마: 엘베버튼테마데이터(스타일:버튼스타일(foregroundcolor<텍스트나 아이콘색상>: WidgetStatePropertyAll(컬러스.화이트),
백그라운드컬러: WSP(컬러스.앰버),
미니멈사이즈:WSP(size.fromHeight(50)),
텍스트스타일:WSP(Textstyle(fontSize:18,
fontWeight: 폰웨.볼드,)) ))),
3. WSP괄호 밑에shape:WSP(RoundRectangleBorder(
borderRadius: BR.서큘러(8))),
-홈웰컴페이지
- 웰컴페이지 구성 복귀22:35
4. 컬럼 패딩으로 감싸기
5. Padding : edge: all 자리에 edg. Symmetric(horztal: 20),
6. 맨밑 엘리베이트버튼괄호 밑에Text(‘이미 계정이 있으신가요?\n로그인’,
Style: TextStyle(color:Colors.grey)
7. 이 Text 컨테이너로 감싸기
8. Container(height:50,
Color:컬러스.트랜스페어런트,
얼라인먼: 얼라멍.센터
9. 컨테이너 -> 위젯으로 바꾸고 위젯을 제스쳐디텍더로 감쌈
10. 제딕( on Tap () {},
- 웰컴페이지 구성2<간격벌리기,세이프에리어> 24:53
11. 칠드런:[
->Spacer()
이미지
12. 두줄설명-엘베버튼 사이에도 Spacer(),
13. 화면 밑에 부분이 삐져나옴 수정 -> 앱바 지움, 사이즈드박스->위젯으로 감쌈 ->body:SafeArea
14. 제딕
온탭: (){
<로그인 버튼 누르면 Login page로 넘어가는 기능> Navigator.push(context,MaterialPageRoute(builder : (context)
{return LoginPage();} ));
},
1. 시작하기 버튼도 동일 ->온프레스드 함수 내 복붙 () {-> Navigator.push(context,MaterialPageRoute(builder : (context)
{return ASP();} )); <시작하기 눌렀을 때 주소검색 하는 화면리턴>
},
- 웰컴페이지 구성완료 –
- 로그인 페이지 구성 -
1. 텍스트 필드 들어갈때는 항상 리스트 뷰 사용해야함 . 키보드가 올라오기 때문에 앱바 – 리스트뷰 -엘리베이트 버튼
2. 유효성 검사 -> lib 안에 core폴더 생성 ->core 안에 validator_util.dart 파일 생성 <나중에 유지보수 용이>
3. vdt파일 안 클래스 생성하기 class validatorutil {
static String? validatorId(String?value)
{
<아이디칸 비어있어도 오류 나지 않게 널러블하게 물음표를 붙혔준다>If(value?.trim().isEmpty ?? true){
Return “아이디를 입력해주세요”;}
If(value.length < 2) {
Return ‘아이디는 2글자 이상이여야합니다’;} <이런 상황이 아니라면?>
Return null;
}}