如何在 flutter/dart 中仅向 TextButton 添加顶部和底部边框？

Question

如何在 flutter/dart 中仅向 TextButton 添加顶部和底部边框？

TextButton(
      onPressed: () {},
      child: Text('Button'),
    );

Answer 1

您可以用TextButtona 包裹Container并设置decoration：

Container(
      decoration: BoxDecoration(
        border: Border(
          top: BorderSide(width: 1.0, color: Colors.grey),
          bottom: BorderSide(width: 1.0, color: Colors.grey),
        ),
      ),
      child: TextButton(
        onPressed: () {},
        child: Text('Button'),
      ),
    )