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

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 。 嘗試它們並選擇滿足您要求的一種