如何在正文中添加多个容器

Question

所以，我对 flutter 或 dart 真的很陌生。 看了很多教程，有点难学。

我需要知道是否可以，以及如何在 Flutter 中添加更多包含文本或按钮的容器。

我已经尝试了很多事情，但是一切都给了我一个错误。 我想在一个容器中放置一些按钮，而在另一个容器中我想添加一些标签。 我需要把这两个容器放在我的脚手架上，我该怎么做？

或者也许我怎样才能在同一页面上添加两个脚手架，所以我需要一个标签和另一个按钮。

import 'package:flutter/material.dart';

void main() => runApp (MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My Tittle',
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar:AppBar(
          title: Text('My Title'),
        ),
        body: Container(
          child: Text('Hello World),
        ), //Container
          # I WANT TO ADD ANOTHER CONTAINER HERE
      ), //Scaffold
    );  //MaterialApp
  }
}

Answer 1

有几种不同的方法可以实现这一目标。 您可以使用Column小部件

Column(
   children: <Widget>[
      Container(),
      Container(),
   ],
)

结果将是一组一个在另一个之下的子元素。 另一种方法是使用Row小部件

Row(
   children: <Widget>[
      Container(),
      Container(),
   ],
)

在这种情况下，结果将是一组元素并排显示。

您还可以使用其他几种不同的方式来显示元素列表，例如Stack和ListView 。 尝试它们并选择满足您要求的一种