如何向边框按钮添加边框颜色

Question

如何为边框按钮添加边框颜色？我尝试设置highlightedBorderColor，但是它不起作用。我该如何解决这个问题？

这是我的代码：

 OutlineButton(
   shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(20)),
   onPressed:(){},child: Padding(
   padding: const EdgeInsets.all(12),
   child: Text("add to cart",style: TextStyle(color: Colors.red,fontSize: 20),),
    ),highlightedBorderColor: Colors.red,
 ),

Answer 1

将以下行添加到您的代码中：

borderSide: BorderSide(width: 2.0, color: Colors.red),

这应该将按钮的边框颜色更改为红色

Answer 2

尝试一下：

      OutlineButton(
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(20),
          ),
          borderSide: BorderSide(color: Colors.pink, width: 1),
          onPressed: () {},
          child: Padding(
            padding: const EdgeInsets.all(12),
            child: Text(
              "add to cart",
              style: TextStyle(color: Colors.red, fontSize: 20),
            ),
          ),
        )