Android studio 添加Flutter模板代码
2022-02-09 本文已影响0人
dushiling
-
有时候,相同的代码要在多个页面重复使用,拷贝就显得笨拙了。这时候,可以自定义模板代码:
添加代码模板.png
如上所示,因为项目里大量页面用到类似下面结构的Cubit:
BlocProvider<MillPayCubit>(
create: (context) => MillPayCubit(),
child: BlocBuilder<MillPayCubit, MillPayState>(
builder: (context, state) {
MillPayCubit payBloc = BlocProvider.of<MillPayCubit>(context);
context.select((MillPayCubit bloc) => bloc.state.millPayData);
return Container();
},
),
)
所以模板就可以写成下面这样,使用时打出blocp即可:
BlocProvider(
create: (context) =>$Name$Cubit(),
child: BlocBuilder< $Name$Cubit, $Name$State>{
$Name$Cubit _$Name$Bloc = BlocProvider.of<$Name$Cubit>(context);
context.select(($Name$Cubit bloc) => bloc.state.str);
return Container();
}),
)
-
在flutter里,我们最常使用的stless和stful快捷键来生成页面,它其实就是用到的flutter本身自带的代码模板:
stful和stless模板.png
DartFile.png