flutter - 如何创建一个具有 2 种颜色的 Flutter 扁平按钮？非渐变，2 纯色并排

Question

如何创建具有 2 种颜色的 Flutter 扁平按钮？不是渐变，2个纯色并排。

Answer 1

使用梯度和停止可能是一个较短的答案

          decoration: BoxDecoration(
            gradient: LinearGradient(
              colors:  [Colors.red, Theme.of(context).buttonColor] 
              stops: [0.5, 0.5]
            ),
            borderRadius: BorderRadius.circular(10.0),
          ),

Answer 2

试试这个代码。您可以对其进行调整以满足您的需求

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FlatButton(
      onPressed: () {},
      child: Container(
        height: 50,
        width: 100,
        child: Stack(
          children: [
            Row(
              children: [
                Expanded(child: Container(color: Colors.red)),
                Expanded(child: Container(color: Colors.blue)),
              ],
            ),
            Center(child: Text('PRESS ME')),
          ],
        ),
      ),
    );
  }
}