- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我收到此错误。 调试控制台中可能发生错误的软件包链接是ResponsiveSafeArea
类的构建器功能,如下所示
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following assertion was thrown building LayoutBuilder:
setState() or markNeedsBuild() called during build.
This _ModalScope<dynamic> widget cannot be marked as needing to build because the framework is
already in the process of building widgets. A widget can be marked as needing to be built during
the build phase only if one of its ancestors is currently building. This exception is allowed
because the framework builds parent widgets before children, which means a dirty descendant will
always be built. Otherwise, the framework might not visit this widget during this build phase.
The widget on which setState() or markNeedsBuild() was called was:
_ModalScope<dynamic>-[LabeledGlobalKey<_ModalScopeState<dynamic>>#e51b7]
The widget which was currently being built when the offending call was made was:
LayoutBuilder
下面是导致错误的类
class CustSigninView extends StatefulWidget {
@override
_CustSigninViewState createState() => _CustSigninViewState();
}
class _CustSigninViewState extends State<CustSigninView> {
final TextEditingController _phNoController = TextEditingController();
@override
Widget build(BuildContext context) {
final deviceSize = MediaQuery.of(context).size;
bool tempBool = true; <------------ TEMP "BOOL" JUST FOR TESTING
return BaseView<CustSignInViewModel>(
builder: (context, model, child) => ResponsiveSafeArea(
builder: (context, widgetSize) => Scaffold(
body: Material(
type: MaterialType.card,
child: Stack(
children: <Widget>[
ListView( //ListView
// -------- I'M GETTING E R R O R IN BELOW LINE.
tempBool
? UIHelper().showErrorButtomSheet(context, "errorText"))
: Container(),
],
),
),
),
),
);
}
}
如果我在tempBool条件下将
UIHelper().showErrorButtomSheet(context, "errorText"))
替换为
Container()
,则可以正常工作。
UIHelper().showErrorButtomSheet(context, "errorText"))
存在问题。
showErrorButtomSheet
类中的
UIHelper
函数
/// Returns a Error Dialog
Future showErrorButtomSheet(BuildContext context, String errorText) {
Size deviceSize = MediaQuery.of(context).size;
return showModalBottomSheet(
context: context,
builder: (context) => Container(
child: StatefulBuilder(
builder: (BuildContext context, StateSetter stateSetter) {
return Row(
children: <Widget>[
Icon(...),
Text(...),
),
],
);
},
),
),
);
}
ResponsiveSafeArea
类看起来像这样。单击
Debug Console
中的错误包链接后,重定向到构建器功能
typedef Responsive_Builder = Widget Function(
BuildContext context,
Size,
);
class ResponsiveSafeArea extends StatelessWidget {
final Responsive_Builder responsiveBuilder;
const ResponsiveSafeArea({
Key key,
@required Responsive_Builder builder,
}) : responsiveBuilder = builder,
super(key: key);
@override
Widget build(BuildContext context) {
return SafeArea(
child: LayoutBuilder(
builder: (context, constraints) {
return responsiveBuilder(
context,
constraints.biggest,
);
},
),
);
}
}
最佳答案
Faizan Kamal您正在尝试显示showModalBottomSheet
,它无法像其他小部件一样显示。我建议您使用自定义小部件来显示下面的errorText
:
Widget showErrorWidget(BuildContext context, String errorText) {
return Row(
children: <Widget>[
Icon(Icons.error),
Text(errorText),
],
);
}
并像这样使用它:
...
tempBool
? UIHelper(). showErrorWidget(context, "errorText"))
: Container(),
...
要显示对话框,您必须处理一个事件以实现此目的,例如在布局事件之后:
if(!tempBool)
Container(), // We display this container when tempBool is false, else we display the dialog
最后添加afterLayout事件:
@override
void initState() {
WidgetsBinding.instance.addPostFrameCallback((_) => _afterLayout(context));
super.initState();
...
}
_afterLayout(BuildContext context) async {
if(tempBool)
await UIHelper().showErrorButtomSheet(context, "errorText");
}
关于flutter - 在构建期间调用setState()或markNeedsBuild()-Flutter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63544319/
我可以在传递给 this.setState() 的回调定义中显式调用 this.setState() 吗? this.setState( { openA:true }, () => {
我有一个从 api 获取数据的场景。在这种情况下,每当我从商店获取新值时,我的 componentWillReceiveProps() 就会被触发。 componentWillReceiveProps
在这个 componentDidUpdate 方法中,在执行 setState 将引号设置为从 fetch 返回的内容后,我必须使用回调再次执行 setState 以将 randomQuoteInde
正如 another question 中向我指出的那样,如果我在 setState、randomQuoteIndex() 中有一个不带参数的函数调用,并且该函数使用该 setState 中设置的状态
问题:当我使用 this.setState 并在回调中输出状态时,它根本不会改变,但是当我将 setstate 嵌套在 setstate 中时,它就会正常工作。 例子:这行不通- this.setSt
这个问题在这里已经有了答案: Why does setState take a closure? (2 个答案) 关闭 4 年前。 我对这两者的区别还是有点迷惑 isBusy = false;
当我使用 setState () 文本出现在调试控制台中.. setState() callback argument returned a Future. The setState() method
这个问题已经有答案了: Are 'Arrow Functions' and 'Functions' equivalent / interchangeable? (4 个回答) React - unca
之间的区别 - this.setState({value: 'xyz', name: 'john', color: 'orange'}) 对比 setValue('xyz'); setName('jo
之间的区别 - this.setState({value: 'xyz', name: 'john', color: 'orange'}) 对比 setValue('xyz'); setName('jo
我在运行代码时收到以下警告: Line 48: Do not mutate state directly. Use setState() react/no-direct-mutation-state
我是 React 的新手,我注意到我们使用 this.setState() 而不是 super.setState() 请我清楚地解释为什么我们用它来调用父类(super class)方法??示例: c
我一生都无法在我的 react 组件中传递这个 TypeError 。我已阅读所有相关主题并实现了几乎所有建议的修复,但均无济于事。 import React, { Component } from
我知道这可能是一个 JavaScript 问题而不是 React 问题,但我无法理解 React setState 的上述签名。 函数参数列表中的方括号和逗号有什么作用? 我知道如何将它与更新程序一起
是否可以在this.setState的回调中调用this.setState? 我正在制作一个 Roguelike Dungeon 并有一个设置,其中在 this.setState 的回调中使用了一个辅
我正在使用 react-navigation 进行路由。在一个组件上,我尝试设置 navigationOptions 以显示汉堡包按钮以打开和关闭侧边栏(抽屉)。所以 onPress 我试图为我的侧边
在之前的 React 版本中,我们可以在状态更改后执行代码,方法如下: setState( prevState => {myval: !prevState.myval}, () => { co
有一个 react 问卷组件,它将选定的答案添加到 this.state = {answer: []} 中,效果很好。同时,当用户更新答案时,它会添加为另一个对象。当questionID相同时,是否有
我正在使用 WebSocket 与我的服务器进行通信,并在我的 handleSubmit() 函数上输入一些值,并在此基础上与服务器进行通信并将我的状态更新为数据从 ws 收到。所以,第一次,一切都工
componentDidMount(prevProps, prevState, prevContext) { let [audioNode, songLen] = [this.refs.aud
我是一名优秀的程序员,十分优秀!