Flutter 如何创建自定义按钮边框

Question

I want to create a button like this. I think I can do this with clippath but I have no idea about it. I would be glad if you help

Answer 1

You can try something like this:

return Align(
      alignment: Alignment.bottomRight,
      child: Padding(
        padding: EdgeInsets.only(bottom: 90),
        child: Container(
          height: 50,
          width: 150,
          decoration: BoxDecoration(
            color: Colors.greenAccent,
            borderRadius: BorderRadius.only(
              topLeft: Radius.circular(15),
            ),
          ),
          child: Align(
            alignment: Alignment.center,
            child: Text(
              '24.00 ₴',
              style: TextStyle(
                color: Colors.white,
                fontSize: 24,
              ),
            ),
          ),
        ),
      ),
    );

And it will look this way: