如何将文本放在底部中间，我还希望Colors.black.withOpacity颜色覆盖整个宽度

Question

所以我是新手，要尝试将包含文本的容器准确地定位在底部中心，我还希望Colors.black.withOpacity覆盖文本后面的整个宽度

body: ListView(
       children: <Widget>
       [
         Container(
           padding: EdgeInsets.all(5.0),
           child: Stack(

             children: <Widget>
                [
           Container
           (
             padding: EdgeInsets.fromLTRB(0,0,0,0),

             child: new Image
                (
                  image: new AssetImage('images/99.jpg'), 
                  fit: BoxFit.cover
                )
                ),

            Positioned(
              bottom: 0,
              right: 125,
              child: Container
              (
                padding: EdgeInsets.all(7.0),

                color: Colors.black.withOpacity(0.3),


                child: Text("The text", style: TextStyle(color: Colors.white, fontSize: 25.0), textAlign: TextAlign.center,), 


                ),
            )
            ,      

                ],
                ),
         ), 

       ],
      ),

enter image description here

Answer 1

首先，您需要执行MediaQuery并存储大小。您可以从一开始就在build（）方法中执行此操作。