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

Question

How do you add only a top and bottom border to a TextButton in flutter/dart?

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

Answer 1

You can wrap the TextButton with a Container and set the 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'),
      ),
    )