如何將 Listview.builder 放在列中，以便可以在其上放置另一個小部件？

Question

下面是顯示餐廳列表視圖的頁面的屏幕截圖，我想在它的 p 上放置一個文本小部件和搜索欄，但是當我將它放在列中時出現錯誤

Answer 1

您可以使用以下內容：

YourSearchBar(),
Expanded(
  child: ListView()
)

Answer 2

您可以簡單地將列表視圖包裝在單子滾動視圖中的列和列中，並將列表視圖的物理設置為 NeverScrollableScrollPhysics。

代碼：-

SingleChildScrollView(
        child: Column(
          children: <Widget>[
             YourSearchBar(),
             Text('your text'),
             ListView.builder(
                physics: NeverScrollableScrollPhysics(),
                shrinkWrap: true,
                itemCount:10,//replace 10 with the count of elements in list
                itemBuilder: (context,index){
                  return  yourWidget();//return here the widget you want to show(your cake design one)
                })
          ],
        ),
      ),