Flutter父盒子装饰图像重叠子盒子装饰

时间:2020-03-31 12:37:02

标签: android flutter flutter-container


所以我把这个容器包装在一个容器中。
父容器具有全屏背景图像,子容器具有带边框的图标,该图标隐藏在父容器背景图像的后面。
为什么会这样呢?颤动中是否有类似z-index的东西?
我知道我可以使用其他小部件来实现我的目标,但是我是新手,也是试图理解这些概念的人。
因此,如果有人能告诉我这样做的原因和解决方法,我将不胜感激。

谢谢
enter image description here

home: SafeArea(
    child: Scaffold(
      //body: WeatherScreen()
      body: Container(
        height: double.infinity,
        width: double.infinity,
        decoration: BoxDecoration(
          image: DecorationImage(
              image: AssetImage("assets/images/clear-day.png" ),
              fit: BoxFit.cover
          )
        ),
        child: Container(
          height: double.infinity,
          width: double.infinity,
          alignment: Alignment.center,
          child: Ink(
            decoration: BoxDecoration(
              border: Border.all(width: 4)
            ),
            child: InkWell(
              child: Icon(
                Icons.verified_user
              ),
            ),
          ),
        ),
      ),
    ),
  ),

0 个答案:

没有答案