我正在使用颤振和GetX，所以我Obx在我的代码中实现。
我有 3 个文件：
questionnaire.dart
questionnnaire_controller.dart
popup.dart
在里面popup.dart我有弹出窗口的布局。
在里面questionnaire.dart我有显示弹出内容的代码，该弹出显示显示要回答的问卷。
在里面questionnaire_controller.dart我有一些使用的变量和函数，比如getQuestionnaires()异步获取问卷数据的函数，或者 list questionnaires，或者一个变量selectedQuestionnaire，它保留了已选择的问卷实例。
在popup.dart我必须在弹出对话框的顶部显示调查问卷的标题（如果已选择调查问卷）。部分代码如下：
static Future<void> showQuestionnaireInput({String title, Widget child, Widget icon}) async {
bool mobileSize = Get.size.width <= ResponsiveSizingConfig.instance.breakpoints.desktop;
if (mobileSize) {
await Get.to(InputScreenWidget(child, title));
} else {
await showDialog(
context: Get.context,
builder: (context) {
return AlertDialog(
titlePadding: EdgeInsets.all(8),
contentPadding: EdgeInsets.all(8),
title: Container(
decoration: BoxDecoration(border: Border(bottom: BorderSide(color: Colors.grey.shade200, width: 2))),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Padding(
padding: EdgeInsets.only(left: 4),
child: Row(
children: [
if (icon != null) icon,
if (icon != null) SizedBox(width: 4),
Text(title),
Obx(() {
if(questionnaireController.selectedQuestionnaireTitle.value != '')
return Text(questionnaireController.selectedQuestionnaireTitle.value);
else
return Container();
}),
],
),
),
CloseButton(
onPressed: () {
Get.back();
},
)
],
),
),
content: child,
);
});
}
}
}
如您所见，在 obx 内部，我得到了 selectedQuestionnaireTitle 的值，这是一个存在于内部的变量questionnnaire_controller.dart。
在里面questionnaire.dart我有一个future builder带来我的问卷数据，以便用户通过下拉列表选择其中一个，然后单击下一步回答相应的问题。对我们的案例有用的部分代码如下：
child: Obx(() {
if (questionnaireController.questionnaireState.value == QuestionnaireController.QUESTIONNAIRE_CHOOSE) {
return Container(
width: screenWide ? Get.size.width * 0.5 : Get.size.width * 1,
child: Center(
child: FutureBuilder(
future: questionnaireController.getQuestionnaires(),
builder: (context, snapshot) {
questionnaireController.dialIsBuilt.value = true;
print(questionnaireController.dialIsBuilt.value);
switch (snapshot.connectionState) {
case ConnectionState.waiting:
questionnaireController.dialIsBuilt.value = false;
print(questionnaireController.dialIsBuilt.value);
return CircularProgressIndicator();
default:
if (snapshot.hasData) {
print(questionnaireController.dialIsBuilt.value);
return Column(
children: [
Text(
'choose_questionnaire'.tr,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: TextSize.TEXT_LARGE,
fontWeight: FontWeight.w600,
color: EnvironmentVariables.mainColor,
),
),
SizedBox(
height: 8,
),
Dropdown(
questionnaires: questionnaireController.questionnaires,
selectedQuestionnaire: questionnaireController.selectedQuestionnaire,
),
Obx(
() {
if (questionnaireController.buttonDisplay.value == true) {
return Container(
margin: EdgeInsets.all(16),
child: defaultButton(
text: 'next_question'.tr,
onPressed: () {
questionnaireController.answerQuestionnaire();
},
),
);
} else {
return Container();
}
},
),
],
);
} else
return Column(
children: [
Text(
'choose_questionnaire'.tr,
textAlign: TextAlign.center,
style: TextStyle(
fontSize: TextSize.TEXT_LARGE,
fontWeight: FontWeight.w600,
color: EnvironmentVariables.mainColor,
),
),
// Text("no_data".tr),
SizedBox(
height: 32,
)
],
);
}
}),
),
);
}
您可以在上面的代码中看到一个名为Dropdown. 这是我创建的有状态小部件。这个小部件，也存在于questionnaire.dart. 的代码Dropdown如下。
class Dropdown extends StatefulWidget {
final List questionnaires;
final Questionnaire selectedQuestionnaire;
Dropdown({
this.questionnaires,
this.selectedQuestionnaire,
});
@override
_DropdownState createState() => _DropdownState(
questionnaires: questionnaires,
// dropdownValue: selectedQuestionnaire.title,
);
}
class _DropdownState extends State<Dropdown> {
List questionnaires;
String dropdownValue = questionnaireController.selectedQuestionnaire.title;
_DropdownState({
this.questionnaires,
// this.dropdownValue,
});
@override
Widget build(BuildContext context) {
questionnaireController.setSelectedQuestionnaire(questionnaireController.selectedQuestionnaire);
return DropdownButton(
isExpanded: true,
value: dropdownValue,
icon: Icon(Icons.arrow_downward),
iconSize: 24,
elevation: 16,
style: TextStyle(color: EnvironmentVariables.mainColor, fontSize: TextSize.TEXT_SMALL),
underline: Container(
height: 1.6,
color: EnvironmentVariables.mainColor,
),
onChanged: (newValue) {
widget.questionnaires.forEach((questionnaire) {
if (questionnaire.title == newValue) {
questionnaireController.setSelectedQuestionnaire(questionnaire);
// questionnaireController.selectedQuestionnaire = questionnaire;
}
});
Future.delayed(Duration(seconds: 5), () => setState(() {
dropdownValue = questionnaireController.selectedQuestionnaire.title;
}));
//Show continue button
questionnaireController.showButton();
//Used in reminder
},
items: widget.questionnaires.map((questionnaire) {
return DropdownMenuItem(
value: questionnaire.title,
child: Text(
questionnaire.title,
style: TextStyle(color: EnvironmentVariables.secondaryColor),
),
);
}).toList(),
);
}
}
当我运行代码并打开弹出对话框时，出现以下错误
构建 Dropdown(dirty, state: _DropdownState#97b88): setState() 或 markNeedsBuild() 在构建期间引发了以下断言。
这个 Obx 小部件不能被标记为需要构建，因为框架已经在构建小部件的过程中。仅当其祖先之一当前正在构建时，小部件才能在构建阶段标记为需要构建。这个例外是允许的，因为框架在子组件之前构建父窗口小部件，这意味着将始终构建脏后代。否则，框架可能不会在此构建阶段访问此小部件。调用 setState() 或 markNeedsBuild() 的小部件是：Obx 状态：_ObxState#d84a8 进行违规调用时当前正在构建的小部件是：下拉脏状态：_DropdownState#97b88 相关的导致错误的小部件是： 落下
我的问题是，我该如何解决这个错误？我知道以下功能可能会有所帮助
WidgetsBinding.instance.addPostFrameCallback((_) {
// executes after build
})
但是我应该在哪里实现上述功能？
感谢您的时间