如何在体内添加多个容器

时间:2019-09-18 20:42:25

标签: flutter flutter-layout

所以,我真的很陌生或飞镖。 我看了很多教程,有点难学。

我需要知道是否可以,如何在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
  }
}

1 个答案:

答案 0 :(得分:0)

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

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

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

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

在这种情况下,结果将是一组元素彼此相邻显示。

您还可以使用多种其他方式来显示诸如StackListView之类的元素列表。试试看,选择一种符合您要求的食物