单击同一页上的按钮，在Flutter中的列中返回新的小部件

在Flutter中，可以通过单击同一页上的按钮，在列（Column）中返回新的小部件。Flutter是一种跨平台的移动应用开发框架，它使用Dart语言进行开发。以下是对该问题的完善且全面的答案：

在Flutter中，列（Column）是一种用于在垂直方向上排列小部件的布局组件。它可以包含多个子部件，并按照它们在列中的顺序进行垂直排列。当用户单击同一页上的按钮时，可以通过触发相应的事件来返回新的小部件。

Flutter提供了多种用于处理用户交互的小部件，其中包括按钮（Button）小部件。可以使用FlatButton、RaisedButton、IconButton等按钮小部件来创建可点击的按钮。当用户单击按钮时，可以通过设置相应的回调函数来执行特定的操作。

以下是一个示例代码，演示了如何在Flutter中实现单击按钮返回新的小部件：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Button Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool showWidget = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Button Example'),
      ),
      body: Column(
        children: [
          RaisedButton(
            child: Text('Click me'),
            onPressed: () {
              setState(() {
                showWidget = !showWidget;
              });
            },
          ),
          if (showWidget) Text('New Widget'),
        ],
      ),
    );
  }
}

在上述示例代码中，我们创建了一个简单的Flutter应用，包含一个按钮和一个文本小部件。当用户单击按钮时，通过设置showWidget变量的值来控制是否显示文本小部件。通过调用setState函数来通知Flutter框架重新构建界面，以更新显示状态。

这个示例中使用的按钮小部件是RaisedButton，当用户单击按钮时，通过设置onPressed回调函数来切换showWidget变量的值。在Column中使用了if语句来根据showWidget的值来决定是否显示文本小部件。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云Flutter开发平台：https://cloud.tencent.com/product/flutter
• 腾讯云移动应用开发：https://cloud.tencent.com/solution/mobile-app
• 腾讯云移动推送：https://cloud.tencent.com/product/tpns
• 腾讯云移动分析：https://cloud.tencent.com/product/ma
• 腾讯云移动测试：https://cloud.tencent.com/product/mts
• 腾讯云移动直播：https://cloud.tencent.com/product/mlvb
• 腾讯云移动游戏加速：https://cloud.tencent.com/product/ga
• 腾讯云移动安全：https://cloud.tencent.com/product/ms
• 腾讯云移动智能：https://cloud.tencent.com/product/mi
• 腾讯云移动数据同步：https://cloud.tencent.com/product/dts