时间戳

首页 > 解决方案 > 将 setState 与 StatelessWidget 一起使用

dart - 将 setState 与 StatelessWidget 一起使用

问题描述

有没有办法将 setState 与 StatelessWidget 一起使用？我知道我可以与 StatefulWidget 一起使用并使用 State，但我不知道是否有办法将它与 StatelessWidget 一起使用。

我认为这是一个直接的问题，不需要显示代码。

如果你能帮助我，我将不胜感激。

标签： dartflutter

解决方案

这是一个使 StatelessWidget 可以自我更新的代码示例，它来自 Didier Boelens 的一篇文章。

https://www.didierboelens.com/2019/09/flutter-internals/ “以下无用的代码使 StatelessWidget 可以通过使用构建上下文……</p> 

void main(){
    runApp(MaterialApp(home: TestPage(),));
}

class TestPage extends StatelessWidget {
    // final because a Widget is immutable (remember?)
    final bag = {"first": true};

    @override
    Widget build(BuildContext context){
        return Scaffold(
            appBar: AppBar(title: Text('Stateless ??')),
            body: Container(
                child: Center(
                    child: GestureDetector(
                        child: Container(
                            width: 50.0,`enter code here`
                            height: 50.0,
                            color: bag["first"] ? Colors.red : Colors.blue,
                        ),
                        onTap: (){
                            bag["first"] = !bag["first"];
                            //
                            // This is the trick
                            //
                            (context as Element).markNeedsBuild();
                        }
                    ),
                ),
            ),
        );
    }
}

在我们之间，当您调用 setState() 方法时，后者最终会做同样的事情：_element.markNeedsBuild()。

"

推荐阅读