[英]Flutter Bloc keeps rebuilding widget without state changing
学习 Bloc 模式,我偶然发现了这一点。 在第一页中,ExamBloc 处理获取检查和显示。 用户选择考试后,会调用所选考试的测验页面。 QuestionBloc 获取问题并将其传递给有状态的小部件以显示问题。 问题显示正确。
但是,整个页面会无缘无故地不断重建。 我尝试了 QuizScreen 小部件的有状态和无状态小部件,但仍然无法停止重建。感谢任何帮助。
'''
class _QuizScreenState extends State<QuizScreen> {
@override
Widget build(BuildContext context) {
final QuestionBloc questionBloc = context.bloc<QuestionBloc>();
questionBloc.add(FetchQuestion(widget.selectedExam));
return
BlocBuilder<QuestionBloc,QuestionState>(
bloc: questionBloc,
builder: (context, state) {
print('entrance'+state.toString());
if (state is QuestionIsLoading)
return Center(child: CircularProgressIndicator());
if (state is QuestionIsLoaded){
final QuizBrain quizBrain =QuizBrain(state.questionList);
List<QuestionModel> ql=state.questionList;
return Scaffold(
body: Choices(quizBrain: quizBrain, questionList: ql));}
},
);
}
}
class Choices extends StatefulWidget {
Choices({@required this.quizBrain,@required this.questionList});
final List<QuestionModel> questionList;
final QuizBrain quizBrain;
@override
_ChoicesState createState() => _ChoicesState();
}
class _ChoicesState extends State<Choices> {
var _selection;
onChangedRB(String value) { setState(() { _selection = value; });
print('onchange clicked');
print(value);
widget.quizBrain.nextQuestion();
}
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Text(
widget.quizBrain.getNextQuestion().content,
textAlign: TextAlign.center,
overflow: TextOverflow.ellipsis,
style: TextStyle(fontWeight: FontWeight.bold),
),
Container(child: RB(choice:widget.quizBrain.getNextQuestion().content,value:'A',groupValue:_selection,onChanged:onChangedRB
)),
],
);
}
}
'''
您正在制作无限循环:
在您的构建器中,您正在添加新事件。 解析事件后,它会添加状态,并且此状态将传递给构建器:
BlocBuilder正在监听QuestionBloc状态变化。 使用BlocProvider您正在添加事件,该事件将新状态添加到BlocBuilder 。
长话短说,您不应该添加相同类型的 Bloc 事件
( BlocProvider.of<QuestionBloc>(context).add(FetchQuestion(widget.selectedExam))
)
在同一个 Bloc 构建器中( BlocBuilder<QuestionBloc,QuestionState>
)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.