Флаттер - нижний лист прозрачный градиент

Question

Я сделал свое тело. Теперь я хочу, чтобы внизу был градиент с непрозрачностью (высота 68). Я думал об использовании нижнего листа для этого. Но проблема в том, что это не прозрачно. Существует градиент, но я не вижу элемента тела при прокрутке вниз или вверх по этому нижнему листу. Вот мой код:

class Home extends StatefulWidget {
@override
_HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
MediaQueryData queryData = MediaQuery.of(context);
return PageView(
  children: <Widget>[
    Scaffold(
      // resizeToAvoidBottomInset: false,
      backgroundColor: Color(0xff101010),
      extendBodyBehindAppBar: true,
      appBar: customAppBar(queryData.size.width),
      body: SingleChildScrollView(
        child: Body(),
      ),
      bottomSheet: PageIndicator(),
    ),
    History(),
  ],
);

}}

и

class PageIndicator extends StatefulWidget {
@override
_PageIndicatorState createState() => _PageIndicatorState();
}

class _PageIndicatorState extends State<PageIndicator> {
@override
Widget build(BuildContext context) {
MediaQueryData queryData = MediaQuery.of(context);
return Container(
  width: queryData.size.width,
  height: 68,
  decoration: BoxDecoration(
    gradient: LinearGradient(
      begin: Alignment.topCenter,
      end: Alignment.bottomCenter,
      colors: [
        Color(0xff131415),
        Color(0xff101010).withOpacity(0.93),
      ],
    ),
  ),
);

}}