如何在 Flutter 中添加按钮

Question

我是 flutter 的新手。我正在关注一些 YouTube 视频来学习 flutter。在卡片（主屏幕）中添加图片后，我想在该图片下方添加两个按钮。我该怎么做。

图片添加代码

body: Center(
        child: Card(
          child: Column(
            children: [Image.asset("assets/image-name")],
          ),
        ),
      ),

Answer 1

Here you have a great page，您可以在其中找到 Flutter 中基本 material 小部件的实现。

对于您的示例，它看起来像这样：

body: Center(
        child: Card(
          child: Column(
            children: [
              Image.asset("assets/image-name"),
              ElevatedButton(
                onPressed: () {
                  // Respond to button press
                },
              child: Text('CONTAINED BUTTON'),
              )
            ],
          ),
        ),
      ),

对于第二个按钮，您只需在 children 数组中添加另一个按钮即可。您还可以将两个按钮包装在 Row 小部件中，这样您就可以将它们水平放置，并排放置。

如何在 Flutter 中添加按钮

How to add button in Flutter

flutter

flutter-layout