样式问题，容器或SizedBox中的斜角边框

Question

我正在尝试创建用于学习的应用程序中使用这种样式。现在我遇到的问题是，我只能使用RaisedButton来做到这一点，但显然有时我会需要它只是一个容器或sizebox，而没有单击效果。例如，我使用以下代码：

Widget titleSettings(String title){
    return Container(
      margin: EdgeInsets.fromLTRB(80.0, 0.0, 80.0, 20.0),
      width: MediaQuery.of(context).size.width,
      child: new RaisedButton(
          padding: EdgeInsets.all(10.0),
          elevation: 0.0,
          color: Colors.white.withOpacity(.8),
          highlightElevation: 0.0,
          onPressed: () {
            print("titleSettingPressed");
          },
          splashColor: Colors.white.withOpacity(.8),
          highlightColor: Colors.white.withOpacity(.8),
          shape: BeveledRectangleBorder(
              side: BorderSide(color: Colors.black, width: 2.5),
              borderRadius: new BorderRadius.circular(15.0)),
          child: AutoSizeText("$title", style: TextStyle(fontSize: 30.0),),
      )
    );
  }

，但是在这种情况下，我不需要管理任何点击，它应该只包含类似于孩子中的文本。

Answer 1

我从flutter包中凸起的按钮定义中提取了以下示例。检查与您要达到的目标是否相同：

 child: Material(
  elevation: 0.0,
  type: MaterialType.button,
  color: Colors.white.withOpacity(.8),
  shape: BeveledRectangleBorder(
      side: BorderSide(color: Colors.black, width: 2.5),
      borderRadius: new BorderRadius.circular(15.0)),
  child: IconTheme.merge(
    data: IconThemeData(
      color: Colors.white.withOpacity(.8),
    ),
    child: Container(
      padding: EdgeInsets.all(10.0),
      child: Center(
        widthFactor: 1.0,
        heightFactor: 1.0,
        child: Text(
          "Timers",
          style: TextStyle(fontSize: 30.0),
        ),
      ),
    ),
  ),
),