时间戳

首页 > 解决方案 > 如何在文本下添加按钮

dart - 如何在文本下添加按钮

问题描述

我是新来的，所以这是我的代码，它打印一个中心文本，但我需要在文本下有一个按钮。

import 'package:flutter/material.dart';

void main() 
{
  runApp(MaterialApp(
     title: 'Hello Flutter',
     home: HomeWidget(),

  ));
}


class HomeWidget extends StatelessWidget 
{
    @override
    Widget build(BuildContext context) 
    {
      return Material(
         child: Container(child: Center(child: Text('Hello World Of Flutter Development'),),),       
         // Need Button Here beneath Text   
      );

      } //Widget
} //End of Class

标签： dartflutter

解决方案

使用 -Column小部件。

了解有关绘图布局的更多信息：

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: 'Hello Flutter',
    home: HomeWidget(),
  ));
}

class HomeWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
        Center(
          child: Text('Hello World Of Flutter Development'),
        ),
        RaisedButton(onPressed: (){},child: Text('Button'),) // Button under Text
      ]),

    );
  } //Widget
}

推荐阅读