需要在我的颤抖中容纳gridView

Question

我正在构建一个显示饮食的应用程序，还具有一个搜索栏来寻找饮食。 我无法像在gridviewer外一样正确地容纳搜索栏。这是我观点的代码及其实际外观。我不想像另一张卡片

json_data=open(path,'rb').read()

而searchBar和listItem的代码是Cards

Answer 1

将您的材料应用包装在安全区域小部件中

https://api.flutter.dev/flutter/widgets/SafeArea-class.html

Answer 2

我建议您用SafeArea包裹您的Scaffold小部件，以使您的应用程序栏不会因切口而被阻塞。如果您想在支架中添加搜索栏，建议您使用Column将搜索栏放在顶部，将GridView.builder()放在底部。这是我的建议后的样子：

SafeArea(
 child:Scaffold(
  body: Column(
     children: <Widget>[
        //Search Bar here
        Expanded(
          child: //GridView.builder() here
        );
    ],
   ),
  ),
);

*如果您希望该页面可滚动，则将Column替换为ListView