筛选可滑动

lib/pages/library/widgets/filter.dart

@@ -32,78 +32,82 @@ class _FilterPageState extends State<FilterPage> {
       },
       child: Container(
         color: const Color(0xFF000000).withOpacity(0.5),
-        child: Column(
-          children: [
-            GestureDetector(
-              behavior: HitTestBehavior.opaque,
-              onTap: (){},
-              child: Container(
-                color: Colors.white,
-                width: double.infinity,
-                padding: EdgeInsets.only(bottom: 10.w),
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
-                      children: [
-                        widget.controller.filterCategories.isEmpty?const SizedBox():_buildWrapWidget('分类', widget.controller.filterCategories),
-                        widget.controller.filterLabels.isEmpty?const SizedBox():_buildWrapWidget('标签', widget.controller.filterLabels),
-                        _buildWrapWidget('是否收费', widget.controller.filterFree),
-                        _buildWrapWidget('排序', widget.controller.filterDown),
-                      ],
-                    )
-                  ],
-                ),
+        // color: Colors.red,
+        child: SingleChildScrollView(
+          child: Column(
+            // mainAxisSize: MainAxisSize.min,
+            children: [
+              GestureDetector(
+                behavior: HitTestBehavior.opaque,
+                onTap: (){},
+                child: Container(
+                  color: Colors.white,
+                  width: double.infinity,
+                  padding: EdgeInsets.only(bottom: 10.w),
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          widget.controller.filterCategories.isEmpty?const SizedBox():_buildWrapWidget('分类', widget.controller.filterCategories),
+                          widget.controller.filterLabels.isEmpty?const SizedBox():_buildWrapWidget('标签', widget.controller.filterLabels),
+                          _buildWrapWidget('是否收费', widget.controller.filterFree),
+                          _buildWrapWidget('排序', widget.controller.filterDown),
+                        ],
+                      )
+                    ],
+                  ),
 
+                ),
               ),
-            ),
-            Container(
-              padding: EdgeInsets.only(left:10.w,right:10.w,top:30.w,bottom:10.w),
-              color: Colors.white,
-              // margin: const EdgeInsets.symmetric(horizontal: 15),
-              child: Row(
-                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-                children: [
-                  Expanded(
-                    child: GestureDetector(
-                      onTap: widget.resetTap,
-                      child: Container(
-                        alignment: Alignment.center,
-                        height: 35.w,
-                        decoration: BoxDecoration(
-                          borderRadius: BorderRadius.circular(17.5.w),
-                          border:Border.all(
-                              width: 0.5.w,
-                              color: Colours.c9
+              Container(
+                padding: EdgeInsets.only(left:10.w,right:10.w,top:30.w,bottom:10.w),
+                color: Colors.white,
+                // margin: const EdgeInsets.symmetric(horizontal: 15),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                  children: [
+                    Expanded(
+                      child: GestureDetector(
+                        onTap: widget.resetTap,
+                        child: Container(
+                          alignment: Alignment.center,
+                          height: 35.w,
+                          decoration: BoxDecoration(
+                            borderRadius: BorderRadius.circular(17.5.w),
+                            border:Border.all(
+                                width: 0.5.w,
+                                color: Colours.c9
+                            ),
+                            // color: Colours.cE0.withOpacity(0.5),
                           ),
-                          // color: Colours.cE0.withOpacity(0.5),
+                          // padding: EdgeInsets.symmetric(vertical: 8),
+                          child: Text('重置',style: TextStyle(fontSize: 13.w,color: Colours.c9,height: 1.5),),
                         ),
-                        // padding: EdgeInsets.symmetric(vertical: 8),
-                        child: Text('重置',style: TextStyle(fontSize: 13.w,color: Colours.c9,height: 1.5),),
                       ),
                     ),
-                  ),
-                  Gaps.hGaps10,
-                  Expanded(
-                    child: GestureDetector(
-                      onTap: widget.sureTap,
-                      child: Container(
-                        decoration: BoxDecoration(
-                            borderRadius: BorderRadius.circular(17.5.w),
-                            color: AppTheme.primary.withOpacity(0.1)
+                    Gaps.hGaps10,
+                    Expanded(
+                      child: GestureDetector(
+                        onTap: widget.sureTap,
+                        child: Container(
+                          decoration: BoxDecoration(
+                              borderRadius: BorderRadius.circular(17.5.w),
+                              color: AppTheme.primary.withOpacity(0.1)
+                          ),
+                          height: 35.w,
+                          alignment: Alignment.center,
+                          padding: EdgeInsets.symmetric(vertical: 8.w),
+                          child: Text('确定',style: TextStyle(fontSize: 13.w,color: AppTheme.primary,height: 1.5),),
                         ),
-                        height: 35.w,
-                        alignment: Alignment.center,
-                        padding: EdgeInsets.symmetric(vertical: 8.w),
-                        child: Text('确定',style: TextStyle(fontSize: 13.w,color: AppTheme.primary,height: 1.5),),
                       ),
-                    ),
-                  )
-                ],
-              ),
-            )
-          ],
+                    )
+                  ],
+                ),
+              )
+            ],
+          ),
         ),
       ),
     );