Function 如何在省道和颤振中创建凸起的按钮功能?

Function 如何在省道和颤振中创建凸起的按钮功能?,function,flutter,dart,Function,Flutter,Dart,我是一个新手,正在努力创建一个凸起的按钮功能,它接受两个输入(按下的路线和文本),并创建一个凸起的按钮。这是我们目前使用的提升按钮,我们的应用程序将有几十个这样的按钮,所以我们想用它们来制作一个功能,以减少代码。我到处都找不到这个。这可能吗?如果可能,我们应该怎么做。 谢谢 RaisedButton( shape: RoundedRectangleBorder( borderRadius: new BorderRadius.circular(20.0), ), padding

我是一个新手,正在努力创建一个凸起的按钮功能,它接受两个输入(按下的路线和文本),并创建一个凸起的按钮。这是我们目前使用的提升按钮,我们的应用程序将有几十个这样的按钮,所以我们想用它们来制作一个功能,以减少代码。我到处都找不到这个。这可能吗?如果可能,我们应该怎么做。 谢谢

RaisedButton(
  shape: RoundedRectangleBorder(
    borderRadius: new BorderRadius.circular(20.0),
  ),
  padding: EdgeInsets.symmetric(
    vertical: 20,
    horizontal: 40,
  ),
  elevation: 20,
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => FirstFloorNorth()),
    );
  },
  child: Text(
    'First Floor',
    style: TextStyle(
      color: Colors.blue[800],
      fontSize: 30,
    ),
  ),
),

您需要创建一个自定义的凸起按钮小部件,如下所示:

import 'package:flutter/material.dart';

import 'first_floor_north.dart';

class CustomRaisedButton extends StatelessWidget {
  final floorText;

  CustomRaisedButton({this.floorText});

  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      shape: RoundedRectangleBorder(
        borderRadius: new BorderRadius.circular(20.0),
      ),
      padding: EdgeInsets.symmetric(
        vertical: 20,
        horizontal: 40,
      ),
      elevation: 20,
      onPressed: () {
        Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => FirstFloorNorth()),
        );
      },
      child: Text(
        floorText,
        style: TextStyle(
          color: Colors.blue[800],
          fontSize: 30,
        ),
      ),
    );
  }
}
然后,在要放置CustomRaised按钮的位置执行以下操作:

CustomRaisedButton(
  floorText: 'The name of the floor that you want.',
);
对于你的具体例子,我的意思是:

CustomRaisedButton(
  floorText: 'First Floor',
);