Question

我正在尝试为自定义按钮的 3/4 边添加边框（底部没有边框）。但是，代码在任何地方都不会产生边框。如果我给所有边一个边框，它可以工作，但如果我做 3/4 边则不起作用。任何帮助是极大的赞赏。这是代码：

class CustomButton extends StatelessWidget{
  CustomButton(this.img, this.title, this.connectivity, this.link);

  final img;
  final title;
  final connectivity;
  final link;

  @override
  Widget build(BuildContext context){
    return GestureDetector(
      onTap: (){
        Navigator.of(context).push(MaterialPageRoute(builder: (context) => UrlViewers(link)));
        print("Link: $link");
      },
      child: Column(
        children: [
          Container(
            padding: EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 2),
            height: 200,
            decoration: BoxDecoration(
              color: Colors.blue,
              borderRadius: BorderRadius.only(
                topLeft: Radius.circular(10),
                topRight: Radius.circular(10),

              ),
              border: Border(
                left: BorderSide(color: Colors.black, width: 1.0),
                top: BorderSide(color: Colors.black, width: 1.0),
                right: BorderSide(color: Colors.black, width: 1.0),
                
              ),
              image: DecorationImage(image: NetworkImage(img), fit: BoxFit.cover)
            ),
          ),
          Container(
            padding: EdgeInsets.all(2),
            decoration: BoxDecoration(
              color: Colors.white24,
              borderRadius: BorderRadius.circular(10),
            ),
            child: Text(title, style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold,)),
          )
        ],
      ),
      
    );
  }
}

Answer 1

我之前遇到过同样的问题，显然没有简单的方法可以在控制其半径的同时向容器添加边框..

如果您只是从 BoxDecoration 中删除 borderRadius 参数，它应该可以正常工作。

在颤振中为 3/4 边添加边框

1 个答案: