Raised Button Replacement Flutter Update-CodePudding

I have the problem that the Raised Button is no longer a usable Button in Flutter so I have to replace it with a elevated Button for example.

But when I try to convert it to an elevated Button it gives me an error with the color and shape Property. They seem to belong to the: style Button Style() but I can't convert them. Can someone help me with that.

The code for the Raised Button was:

Padding(
                  padding: const EdgeInsets.symmetric(horizontal: 40.0),
                  child: RaisedButton(
                    child: Text(
                      "Gruppen Id kopieren",
                      style: TextStyle(
                        color: Colors.white,
                      ),
                    ),
                    onPressed: () => _copyGroupId(context),
                    color: Color.fromRGBO(245, 168, 0, 1),
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(20.0),
                      side: BorderSide(
                        color: Theme.of(context).secondaryHeaderColor,
                        width: 2,
                      ),
                    ),
                  ),
                ),

CodePudding user response：

You can set ButtonStyle for ElevatedButton which uses

So now instead of RaisedButton we need to useElevatedButton

Similarly, to make an ElevatedButton look like a default RaisedButton:

final ButtonStyle raisedButtonStyle = ElevatedButton.styleFrom(
  onPrimary: Colors.black87,
  primary: Colors.grey[300],
  minimumSize: Size(88, 36),
  padding: EdgeInsets.symmetric(horizontal: 16),
  shape: const RoundedRectangleBorder(
    borderRadius: BorderRadius.all(Radius.circular(2)),
  ),
);
ElevatedButton(
  style: raisedButtonStyle,
  onPressed: () { },
  child: Text('Looks like a RaisedButton'),
)

Ref and from restoring-the-original-button-visuals