flutter - 我想使底部的NavBar透明

Question

我想使我的底部导航栏透明，我尝试了使用color属性的不透明度，但是它不起作用。只是为了让您在附加屏幕截图时有了一个更好的了解

请忽略导航栏上的按钮，我只想透明，下面是我的代码

return Scaffold(
  body: Column(
    .......
  bottomNavigationBar: Container(
    color: Colors.white,
    padding: EdgeInsets.all(20),
    child: Text(
      'SUIVANT',
      textAlign: TextAlign.center,
      style: TextStyle(
          fontFamily: 'Karla', fontSize: 20, fontWeight: FontWeight.bold),
    ),
  ),
);

任何帮助将不胜感激。提前thnx。

Answer 1

最终，经过大量的思考并运用了奇怪的方式，我能够以一种截然不同的方式来做到这一点。我必须完成BottomNavigationBar:属性，因为它不允许被修改。我必须将主列包装在Stack()小部件中

return Scaffold(
  body: Stack(
    children: <Widget>[
      Column(
        children: <Widget>[
          //.......
          /*this is the Container() I had to add in stack after finishing the bottomnavbar*/
          Container(
            height: MediaQuery.of(context).size.height,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Container(),
                Container(
                  color: Colors.white.withOpacity(0.9),
                  width: MediaQuery.of(context).size.width,
                  padding: EdgeInsets.all(20),
                  child: Text(
                    'SUIVANT',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                        fontFamily: 'Karla',
                        fontSize: 20,
                        fontWeight: FontWeight.bold),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    ],
  ),
);

我不知道这是一个不好的方法还是正确的方法，但是经过大量的思考过程，我找不到其他解决方案。如果有错误，请随时根据波动规则进行修改。感谢大家的贡献。

This is how the result looks