실제 위젯 개발 전 테스트
사용 예제
로그인 버튼 클릭 이벤트 onSignIn
회원가입 버튼 클릭 이벤트 onSignUp
비밀번호를 잊어버렸나요? 버튼 클릭 이벤트 onForgot
LoginWidget(
onSignIn: (id, pw) async {
...
return 성공여부: bool; // false 일 경우 forgot pssword 버튼 표시
},
onSignUp: () {
},
onForgot: () {
},
)
SignUpWidget의 onSignUp은 해당 위젯에서 제공하는 action으로만 사용 가능
액션바에서 완료 버튼을 누르기 위함
id, pw를 화면 진입 전 미리 넣고 들어갈 수 있도록 id, pw를 생성자에서 받음
사용하지 않을 시 공백으로
var signUpWidget = SignUpWidget(
id: id,
pw: pw,
onSignUp: (signUpForm) async { // api 사용할 수 있도록 async로 사용
if (context.mounted) Navigator.of(context).pop();
return false; // 위에서 pop하면 여기까지 올 일이 없기에 실패 시 return 하도록 함
},
);
return Scaffold(
appBar: AppBar(
centerTitle: true,
title: const Text("회원가입"),
actions: [signupWidget.action],
),
body: signUpWidget,
);gender 는 true: female, false: male
class SignUpForm {
final String email;
final String password;
final String name;
final int age;
final bool gender;
SignUpForm({
required this.email,
required this.password,
required this.name,
required this.age,
required this.gender,
});
}postData 를 생성자에서 주입
PostCard(postData: widget.postDatas[index], maxLines: 2)
// maxLines와 contentOverFlow는 기본값 있음
PostCard({
required this.postData,
this.maxLines = 2,
this.contentOverflow = TextOverflow.ellipsis,
})예시 이미지
PostData는 fromJson으로 api로 요청하여 받아온 body를 바로 넣을 수 있도록 함
PostData({
required this.id,
required this.title,
required this.content,
required this.view,
required this.hit,
required this.createdAt,
required this.updatedAt,
required this.user,
});
PostUserData({
required this.type,
required this.id,
required this.name,
this.image,
this.additionalInfo,
});