@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(LS.of(context, “register”)),
),
body: BlocProvider(
create: (_) => _registerBloc,
child: RegisterScreen(widget.phone),
),
);
}
}
作为一个主体的页面,定义了route名称。 可以使用StatelessWidget
。因为正常也没什么状态管理
在state里面的builder里构建了BlocProvider
,
body: BlocProvider(
create: (_) => _registerBloc,
child: RegisterScreen(widget.phone),
)
这里是为后续的节点注册了一个RegisterBloc
, 从这个节点下级的widget就可以通过Provider.of<RegisterBloc>
来获取。 当然也可以有其他的方式比如context.read<RegisterBloc>
来获取。
这里也可以把bloc传给screen,可以方便在screen里面获取bloc。而不是通过在配置树里查找bloc。能稍微减少些性能消耗。
- screen
screen主要是构建配置页面内容用。
class RegisterScreen extends StatelessWidget {
const RegisterScreen(
this.phone, {
Key? key,
}) : super(key: key);
final String phone;
@override
Widget build(BuildContext context) {
return BlocListener<RegisterBloc, RegisterState>(
listener: (ctx, state) {
if (state.status.isSubmissionInProgress) {
EasyLoading.show(
maskType: EasyLoadingMaskType.clear, dismissOnTap: false);
return;
}
if (state.status.isSubmissionFailure) {
EasyLoading.dismiss();
var message = LS.of(context, “register_error”);
EasyLoading.showError(‘
m
e
s
s
a
g
e
:
message:
message:{state.errMessage ?? ‘’}’);
return;
}
if (state.status.isSubmissionSuccess) {
EasyLoading.dismiss();
showCupertinoDialog(
context: context,
builder: (context) {
return
AlertDialog(
content: Text(LS.of(context, “register_success”)),
actions: [TextButton(onPressed: (){
Navigator.of(context).popUntil(ModalRoute.withName(“/”));
}, child: Text(LS.of(context, “confirm”)))],
);
});
}
},
child: Align(
alignment: Alignment(0, -1),
child: Padding(
padding: const EdgeInsets.only(top: 31, left: 36, right:36),
child: Column(children: [
_UsernameInput(),
_PasswordInput(),
_ConfirmPasswordInput(),
const SizedBox(
height: 20,
),
_RegisterButton()
]),
),
));
}
}
class _RegisterButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocBuilder<RegisterBloc, RegisterState>(builder: (context, state) {
return CircleRectButton(
child: Text(LS.of(context, “register”), style: TextStyle(letterSpacing: 20)),
onPressed: state.status.isValidated
? () async {
context.read().add(RegisterSubmitEvent());
}
: null);
});
}
}
BlocListener: 通过BlocListener
来监听状态消息,收到消息child不会rebuild。适合拿来弹出加载页,错误信息等。
BlocBuilder 通过BlocBuilder
来包装需要修改的内容。 这里的在组装页面的时候尽量在涉及到更新的地方使用 BlocBuilder
,也尽可能的考虑buildwhen
属性。保持当必须要更新时才重新build的思路。
- bloc
bloc 在封装后没什么逻辑,他的思路就是接受页面的事件,转为状态变更返回给页面。
class RegisterBloc extends Bloc<RegisterEvent, RegisterState> {
RegisterBloc(RegisterState initialState) : super(initialState);
@override
Stream mapEventToState(
RegisterEvent event,
) async* {
try {
yield* event.applyAsync(currentState: state, bloc: this);
} catch (, stackTrace) {
developer.log('$', name: ‘RegisterBloc’, error: _, stackTrace: stackTrace);
yield state;
}
}
}
将对应的事件处理放在event里面去执行显然更符合设计模式。代码也会更清晰,而不用做很多判断
if(event is event){
do()
} else if (event is event) {
do()
}
- event
@immutable
abstract class RegisterEvent {
const RegisterEvent();
Stream applyAsync({required RegisterState currentState, required RegisterBloc bloc});
}
class UsernameChangeEvent extends RegisterEvent {
const UsernameChangeEvent(this.username);
final String username;
Stream applyAsync({required RegisterState currentState, required RegisterBloc bloc}) async* {
var input = UsernameInput.dirty(username);
var status = Formz.validate([input, currentState.password, currentState.confirmPassword]);
yield currentState.copyWith(username: input, status: status);
}
}
抽象event,定义事件接口。 子类event来接收参数,实现事件接口并抛出新的状态给页面。
- state
class RegisterState extends Equatable {
final UsernameInput username;
final PasswordTwoInput password;
final PasswordTwoInput confirmPassword;
最后
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。
因此我收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门**
如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!