Flutter：按钮应该输出一个小部件，但没有

Question

这是我的功能：

Widget RandomSkill(Widget SkillJonglieren) {
  return Widget SkillJonglieren;

这是无状态的小部件“SkillJonglierten”

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        child: Column(
          children: <Widget>[
            Text('Jonglieren'),
            Image.asset('images/Jonglieren.jpg')
          ],
        ),
      ),
    );
  }
}

这是按钮

body: Align(alignment: Alignment.bottomCenter,
        child: RaisedButton(
        onPressed: RandomSkill,
        child: Text('Zufälliger Skill')
      ),
    ));

我只是想要，当我按下按钮时，这个小部件就会显示出来

Answer 1

您需要StatefulWidget。在其State 类中，您需要记住是否显示SkillJonglierten。如果显示，您需要在 build() 函数中显示它。否则，您不应在 build() 函数中显示它。所以，这就变成了：https://codepen.io/gazialankus/pen/rNxgBgx

class _MyHomePageState extends State<MyHomePage> {
  bool isShown;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            RaisedButton(
              child: Text('Show'),
              onPressed: () {
                setState(() {
                  isShown = true;
                });
              }
            ), 
            if (isShown == true) SkillJonglieren()
          ],
        ),
      ),
    );
  }
}