Flutter – 有条件地输出小部件

在Flutter中，有时需要根据一些条件动态地输出小部件。这可以通过使用条件语句和布尔类型的变量来实现。下面是一个例子：

bool _showText = false;

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Container(
      child: _showText ? Text('Hello Flutter!') : Container(),
    ),
    floatingActionButton: FloatingActionButton(
      child: Icon(Icons.add),
      onPressed: () {
        setState(() {
          _showText = !_showText;
        });
      },
    ),
  );
}

在这个例子中，我们定义了一个布尔类型的变量 _showText，默认值为 false。在 build() 方法中，我们使用条件语句检查 _showText 的值。如果它是 true，则输出 Text 小部件，否则输出一个空的 Container 小部件。

在页面中，我们有一个浮动操作按钮（FloatingActionButton），它的点击事件会在 _showText 的值是 false 和 true 之间切换。这将导致小部件的显示和隐藏。

这种方式可以用于许多情况，例如：

• 根据用户操作的结果显示不同的小部件。
• 根据网络请求的结果显示不同的小部件。
• 根据条件显示警告或错误消息。

总之，Flutter非常适合在您的应用程序中动态地渲染小部件。