Flutter || 使元素在邊框內

Question

在我的 flutter 項目中，我想在邊框內制作圖像和文本“查看全部”，但我不知道該怎么做。 我不想要大廳頁面的邊框我只想要元素

這是我的頁面：

這是我的代碼：

Container(
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            const SizedBox(height: 30),
                            Padding(
                              padding: const EdgeInsets.all(10),
                              child: Row(
                                children: <Widget>[
                                  Column(
                                    crossAxisAlignment: CrossAxisAlignment.end,
                                    children: [              
                                        child: Text("Voir tous",
                                          style: TextStyle(
                                            color: Color(0xff135888),
                                            fontWeight: FontWeight.bold,
                                            fontSize: MediaQuery.of(context).size.width * 0.03,
                                          ),),
                                      SizedBox(
                                          width : MediaQuery.of(context).size.width * 3,
                                          child: Divider(
                                          color: Color(0xffD1D1D1),
                                          height: 10,
                                          thickness: 1,
                                          indent: 2,
                                          endIndent: 2,
                                        ),
                                      ),
                                    ],
                                  ),
                                ],
                              ),
                            ),//Padding
                              Expanded(
                              child: GridView.count(
                                physics: NeverScrollableScrollPhysics(),
                                crossAxisCount: 3,
                                mainAxisSpacing: 15,
                                shrinkWrap: false,
                                padding: const EdgeInsets.all(10),
                                children: [
                                  makeDashboardItem(
                                      "smart devices", "images/smarts.png", 0),
                                  makeDashboardItem(
                                      "Surveillance", "images/cameras.png", 1),
                                ],
                              ),
                            ),//Expanded
                          ],
                        ),
                      ),  

Answer 1

嘗試將您的Divider / SizedBox包裝在Theme小部件中。 它通常與ExpansionTile一起使用。

Theme(
  data: ThemeData().copyWith(dividerColor: Colors.transparent),
  child: // ...
)