如何在Flutter中更改BottomSheet的背景颜色? [英] How to change the background color of BottomSheet in Flutter?

问题描述

当我使用showModalBottomSheet方法弹出bottomSheet时，如何使背景色透明.因为我需要圆角，所以我知道在materialApp中更改canvasColor可以解决问题，但是其他小部件也可以更改颜色.

When I use the showModalBottomSheet method to pop up a bottomSheet, how to make the background color transparent. because I needed the rounded corners, I knew that changing the canvasColor in the materialApp would do the trick, but other widgets would also change colors.

我试图将其嵌入主题中，但是没有用

I tried to embed it in the theme, but it didn't work

showModalBottomSheet < Null > (context: context, builder: (BuildContext context) {
    return Theme(
        data: Theme.of(context).copyWith(canvasColor: Colors.orange),
        child: Material(
            borderRadius: BorderRadius.only(topLeft: Radius.circular(16.0), topRight: Radius.circular(16.0)),
            child: Container(
                color: Colors.purple,
            ),
        ),
    );
});

推荐答案

只需将其添加到顶级ThemeData中即可.这样可以解决您的问题

Just add this in your top level ThemeData. This will solve your problem

bottomSheetTheme:BottomSheetThemeData(backgroundColor:Colors.black54)

这篇关于如何在Flutter中更改BottomSheet的背景颜色?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！