如何为列的子项设置背景颜色

Question

我正在尝试在我的 Flutter 应用中实现 Admob 横幅广告。 Admob 横幅上方有一条黑线，我不明白这是怎么回事。我没有设置任何背景。

当前小部件：

  @override
  Widget build(BuildContext context) {
    final tb = context.watch<ThemeBloc>();
    return Column(
      children: [
        Expanded(
...
...
...
),
        Container(height: 30, color: Colors.red),
        AdmobBanner(),
      ],
    );
}

我想为列设置背景颜色。我加了

backgroundColor:Colors.white

行

但是不行:

      @override
      Widget build(BuildContext context) {
        final tb = context.watch<ThemeBloc>();
        return Column(
        backgroundColor:Colors.white,//This line is problematic.
          children: [
            Expanded(
    ...
    ...
    ...
    ),
            Container(height: 30, color: Colors.red),
            AdmobBanner(),
          ],
        );
    }

给出

The named parameter 'backgroundColor' isn't defined.

错误。

我该如何解决我的问题？我应该怎么做才能为列添加背景颜色？它能解决我的问题吗？

谢谢...

Answer 1

您可以在列小部件周围使用容器。

return Container(color: Colors.white,
child:
Column(
        //backgroundColor:Colors.white,//This line is problematic.
          children: [
            Expanded(
    ...
    ...
    ...
    ),
            Container(height: 30, color: Colors.red),
            AdmobBanner(),
          ],
        ));

如何为列的子项设置背景颜色

How to set background color for children of column

ios

flutter

dart

flutter-layout

admob