圆形按钮- Flutter

6ss1mwsb  于 2023-02-05  发布在  Flutter
关注(0)|答案(1)|浏览(106)

我尝试创建一个圆形按钮,但在尝试使用ElevatedButton时出现错误:

这是密码:

import 'package:flutter/material.dart';

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

class Menu extends StatefulWidget {
  const Menu({super.key});

  @override
  State<Menu> createState() => _MenuState();
}

class _MenuState extends State<Menu> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
      ),
        body: Center(
          child: Container(
            ElevatedButton(
              backgroundColor: Colors.amberAccent,
              onPressed: () {},
              child: Icon(
              Icons.train,
              size: 35,
              color: Colors.black,
            ),
          ),
        ),
        )  
    );
  }
}

我也尝试过创建一个FloatingActionButton,但没有成功。

pdtvr36n

pdtvr36n1#

容器提供child,您需要使用style进行装饰。

class _MenuState extends State<Menu> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(),
        body: Center(
          child: Container(
            child: ElevatedButton(
               style: ElevatedButton.styleFrom(
                  backgroundColor: Colors.amberAccent,
               ),
              onPressed: () {},
              child: Icon(
                Icons.train,
                size: 35,
                color: Colors.black,
              ),
            ),
          ),
        ));
  }
}

相关问题