Flutter 容器內部使用一個小部件

Question

我想添加兩個盒子，一個在另一個里面。 這是我的代碼，它不適用於兩個盒子。 我應該如何糾正這個。 doc UI in this doc 你可以看到我目前實現的 UI 和我想要實現的 UI。

Widget DetailBox() => Padding(
  padding: const EdgeInsets.only(left: 25, right: 25),
  child:Column(
    children: [
      Container(
          decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(30.0),
          color: Colors.white,
      ),
      // alignment: Alignment.bottomCenter,
      height: 400,
      width: 300,


        child:   Container(
          decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(30.0),
            color: Colors.lightBlue,
          ),
          // alignment: Alignment.bottomCenter,
          height: 100,
          width: 300,
      ),
      ),
    ],
  ),
);

Answer 1

願它幫助你

 Card(
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(25),
          ),
          elevation: 5,
          shadowColor: Colors.blue.shade200,
          child: Column(
            children: [
              Expanded(
                flex: 1,

                child: Container(
                  decoration: BoxDecoration(
                      color: Colors.lightBlueAccent,
                    borderRadius: BorderRadius.only(topLeft:Radius.circular(25),topRight:Radius.circular(25))
                  ),


                ),
              ),
              Expanded(
                flex: 3,
                child: Container(

                  decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.only(bottomRight:Radius.circular(25),bottomLeft:Radius.circular(25))
                  ),


                ),
              )
            ],
          ),

        ),

根據應用程序的設計，將圖像放入藍色框。