如何制作flutter showDialog、AlertDialog屏障 colored颜色 渐变

下面是一个例子

你可以看到障碍物的 colored颜色 是渐变的，而在Fightle中，showDialog个小部件只有一个名为barrierColor的参数.

有什么方法可以设置barrier colored颜色 渐变吗？

这是给出的图片的showDialog代码

showDialog(
                barrierColor: AppColor.pink.withAlpha(200),
                context: context,
                builder: (BuildContext context) {
                  return Dialog(
                    shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(18.0),
                    ),
                    child: Container(
                      height: 300,
                      padding: const EdgeInsets.all(20.0),
                      child: Column(
                        children: [
                          Row(
                            children: [
                              Text(
                                option,
                                style: const TextStyle(
                                    fontSize: 18,
                                    color: Colors.black,
                                    fontWeight: FontWeight.w500),
                              ),
                            ],
                          ),
                         const SizedBox(height: 8),
                          const TextField(
                            cursorColor: Colors.black,
                            textInputAction: TextInputAction.newline,
                             maxLines: null,
                            decoration: InputDecoration(
                              hintText: 'Tell us...',
                              border: InputBorder.none,
                            ),
                          ),
                          const Spacer(),
                          Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: [
                              TextButton(
                                onPressed: () {
                                  Navigator.of(context).pop();
                                },
                                child: const Text(
                                  'Cancel',
                                  style: TextStyle(
                                    color: Colors.black,
                                  ),
                                ),
                              ),
                              TextButton(
                                onPressed: () {
                                  Navigator.of(context).pop();
                                },
                                child: const Text(
                                  'Save',
                                  style: TextStyle(
                                    color: Colors.black,
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ],
                      ),
                    ),
                  );
                },
              );

这是代码，我想把障碍色实现为渐变色，