Flutter，如何将 UI 放到按钮上？

Question

  Padding(
                      padding: const EdgeInsets.symmetric(horizontal: 80.0),
                      child: RaisedButton(
                        onPressed:() {
                          Navigator.push(context, MaterialPageRoute(builder: (context) => SecondPage()),
                          );
                        },
                      child: Container(
                        margin: EdgeInsets.symmetric(vertical: 0),
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(50),
                          color: Color.fromRGBO(49, 39, 79, 1),
                        ),
                        child: Center(
                          child: Text(
                            "Login", style: TextStyle(color: Colors.white),),
                        )
                    )
                      ))]),

正如您从代码中看到的，UI 登录容器位于按钮的前面，但尺寸非常偏离。无论如何我可以把这些捆绑在一起吗？

Answer 1

这是您要找的吗？

Padding(
      padding: const EdgeInsets.symmetric(horizontal: 80.0),
      child: RaisedButton(
        color: Color.fromRGBO(49, 39, 79, 1),
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(50)),
        onPressed: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => Scaffold()),
          );
        },
        child: Center(
          child: Text(
            "Login",
            style: TextStyle(color: Colors.white),
          ),
        )
      )
    )

Answer 2

你在找这个吗？ image here

FlatButton(
      child: Container(
        height: 80.0,
        child: Center(
          child: Text(
            "Login",
            style: TextStyle(color: Colors.white),
          ),
        ),
        padding: const EdgeInsets.symmetric(horizontal: 80.0),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(50),
          color: Color.fromRGBO(49, 39, 79, 1),
        ),
      ),
      onPressed: () {
        Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => SecondPage()),
        );
      },
    ),

Flutter，如何将 UI 放到按钮上？

Flutter, How to put UI onto the button?

user-interface

button

uibutton

flutter