为什么按钮采用容器颜色而不是给定颜色

Question

我构建了一个Gridview应用程序，其中网格的每个项目应具有与背景不同的颜色，网格的每个项目应具有边框

但是问题是，buuton正在使用Container颜色而不是他自己的颜色 Result

class _MainPageState extends State<MainPage> {
  final letter_list = [{'letter': 'I',}, {'letter': 'J',}, {'letter': 'K',}, {'letter': 'L',},];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Lessons"),
      ),
      body: Container(
        color: Colors.lightGreen,
        child: GridView.builder(
          itemCount: letter_list.length,
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
          itemBuilder: (BuildContext context, int index){
            return let( letter_list[index]['letter']);
          },
        ),
      ),
    );
  }
}

Widget let(String ll){
  return OutlineButton(
    child: Text(ll),
    color: Colors.black,
    shape: new RoundedRectangleBorder(borderRadius: new BorderRadius.circular(30.0)),
    borderSide: BorderSide(color: Color(0xffAB3C49)),
  );
}

我希望按钮的颜色为黑色