flutter - 是否有可能在颤动中为多个页面使用共同的 showModalBottomSheet

Question

我想将底部工作表作为一个单独的功能，但在任何地方都找不到如何实现它。随处添加底部工作表作为一个功能，但是否可以将底部工作表作为一个通用功能，以便我可以在其他地方重用它？

Answer 1

要使用 common showModalBottomSheet，您需要通过 current contextlike

void appModalBottomSheet(BuildContext context) {
  showModalBottomSheet(
    context: context,
    builder: (context) {
      return Text("Common bottomSheet");
    },
  );
}

更多关于showModalBottomSheet

Answer 2

是的。您可以创建常见的 showModalBottomSheet 并将参数添加为您的视图的子项

 ///
 /// Show app modal bottomsheet
 ///
 Future<T?> showAppModalBottomSheet<T>({
   required BuildContext context,
   required Widget child,
   bool? isScrollControlled,
   ShapeBorder? shape,
   bool isDismissible = true,
 }) {
   return showModalBottomSheet<T>(
     isDismissible: isDismissible,
     context: context,
     elevation: AppConstants.modalElevation,
     barrierColor: AppColors.barrierColor,
     isScrollControlled: isScrollControlled ?? true,
     enableDrag: true,
     backgroundColor: AppColors.modalColor.ofContext(_context),
     shape: shape ?? AppConstants.modalShapeBorder,
     builder: (BuildContext context) {
       return child;
     },
   );
 }