smoothModal function

dynamic smoothModal(Widget child, BuildContext context, { bool willPopScope = true, })

Implementation

smoothModal(Widget child, BuildContext context,
    {bool willPopScope = true}) async {
  return showModalBottomSheet(
    elevation: 0,
    backgroundColor: Colors
        .transparent,
    isScrollControlled: true,
    context: context,
    builder: (context) {
      return PopScope(
        canPop: willPopScope,
        child: StatefulBuilder(
          builder: (BuildContext context, setState) {
            return Padding(
              padding: EdgeInsets.only(
                  bottom: MediaQuery.of(context).viewInsets.bottom),
              child: GestureDetector(
                onTap: () {
                  FocusScopeNode currentFocus = FocusScope.of(context);
                  if (!currentFocus.hasPrimaryFocus) {
                    currentFocus.unfocus();
                  }
                },
                child: Wrap(
                  children: [
                    ClipRRect(
                      borderRadius: const SmoothBorderRadius.only(
                        topLeft: SmoothRadius(
                          cornerRadius: 30,
                          cornerSmoothing: 2,
                        ),
                        topRight: SmoothRadius(
                          cornerRadius: 30,
                          cornerSmoothing: 2,
                        ),
                      ),
                      child: BackdropFilter(
                        filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
                        child: Container(
                          width: double.infinity,
                          padding: EdgeInsets.only(
                              top: 20, bottom: Platform.isIOS ? 40 : 20),
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: const SmoothBorderRadius.only(
                              topLeft: SmoothRadius(
                                cornerRadius: 30,
                                cornerSmoothing: 2,
                              ),
                              topRight: SmoothRadius(
                                cornerRadius: 30,
                                cornerSmoothing: 2,
                              ),
                            ),
                            boxShadow: [
                              BoxShadow(
                                color: Colors.white.withOpacity(0.15),
                                spreadRadius: 30,
                                blurRadius: 15,
                                offset: const Offset(0, 15),
                              ),
                            ],
                          ),
                          child: Column(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              Container(
                                width: 40,
                                height: 5,
                                decoration: BoxDecoration(
                                  color: Colors.black
                                      .withOpacity(0.1)
                                      .withOpacity(0.3),
                                  borderRadius: BorderRadius.circular(50),
                                ),
                              ),
                              const SizedBox(height: 15),
                              child,
                            ],
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            );
          },
        ),
      );
    },
  );
}