展开的窗口小部件中的平面按钮未正确舍入

Question

我在我的应用栏中添加了一个按钮，以链接到我的搜索页面，我想添加圆角，但是由于某些奇怪的原因，它并未完全取整。

  appBar: AppBar(
    title: Row(
      children: [
        Expanded(
          child: ClipRRect(
            borderRadius: BorderRadius.circular(20),
            child: FlatButton(
              color: Colors.white,
              child: Row(
                children: <Widget>[
                  Icon(Icons.search),
                  Text("view 1"),
                ],
              ),
              onPressed: () {
                // something
              },
            ),
          ),
        ),
        IconButton(
          icon: Icon(Icons.nfc),
          onPressed: () {},
        ),
      ],
    ),
    elevation: 6.1,
    backgroundColor: Colors.red,
  ),

我想要的-https://drive.google.com/file/d/1koiHKZXuvs57Qo6fDlhhm5jOC7N_IM1w/view

我得到的-https://drive.google.com/file/d/1ZNsRQSk4rtMOIMtUy1IxyO_xTGT7KjGT/view

Answer 1

删除ClipRRect小部件并添加属性

shape: RoundedRectangleBorder(
   borderRadius: new BorderRadius.circular(20.0),
)

到FlatButton小部件