Flutter:- show BottomSheet transparency

Question

I want to open a showBottomSheet. here is my code which working fine, I am able to open ButtomSheet, but it\'s not giving transparency effect. that I could see behind of this sh

Answer 1

BottomSheet use default background color of MaterialType.canvas, so in order to set it to transparent for the whole app you may init MaterialApp like that:

new MaterialApp(
  title: 'Transparent Bottom Bar',
  theme: new ThemeData(
    canvasColor: Colors.transparent
  ),
  home: new YourAppPage()

As an alternative you set it just for one Widget by using Theme widget like that:

@override
Widget build(BuildContext context) {
  return
    Theme(
      data: Theme.of(context).copyWith(canvasColor: Colors.transparent),
      child: ...);