title: How to remove Background Bottom Nav Color While Scrolling in Flutter
body: <p>I have a Animated Container which Hides While Scrolling(similar to Pinterest). I have 2 Pages With List View in both. When I scroll I the List View The Bottom Nav Bar hides but I can Find a padding which is same height of bottom Nav bar. It does not move. I even Tried using using <code>extendBody: true</code> But it didn't work.I even added <code>extendBody: true</code> To both ListView but it didnt work. Can anyone Help?</p>
  <pre><code>class Home extends StatefulWidget {
    @override
    _HomeState createState() =&gt; _HomeState();
  }
  
  class _HomeState extends State&lt;Home&gt; {
    double yTransValue = 0;
  
    int _currentIndex = 0;
    final List&lt;Widget&gt; _children = [
      Landingpage1(),
      LandingPage2(),
    ];
  
    void onTappedBar(int index) {
      setState(() {
        _currentIndex = index;
      });
    }
  
    @override
    Widget build(BuildContext context) {
      return NotificationListener&lt;ScrollUpdateNotification&gt;(
        onNotification: (notification) {
  
          if (notification.scrollDelta.sign == 1) {
            setState(() {
              yTransValue = 100;
            });
          } else if (notification.scrollDelta.sign == -1) {
            setState(() {
              yTransValue = 0;
            });
          }
        },
        child: Scaffold(
          extendBody: true,
          body: _children[_currentIndex],
          bottomNavigationBar: AnimatedContainer(
            duration: Duration(milliseconds: 300),
            transform: Matrix4.translationValues(0, yTransValue, 0),
            child: SizedBox(
              height: 60,
              child: BottomNavigationBar(
                fixedColor: Colors.red,
                onTap: onTappedBar,
                currentIndex: _currentIndex,
                items: [
                  BottomNavigationBarItem(
                    icon: Icon(
                      Icons.home,
                      size: 20.0,
                    ),
                    title: Text(
                      &quot;&quot;,
                      style: TextStyle(height: 0.0),
                    ),
                  ),
                  BottomNavigationBarItem(
                    icon: Icon(Icons.arrow_circle_down),
                    title: Text(
                      &quot;&quot;,
                      style: TextStyle(height: 0.0),
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
      );
    }
  }
  </code></pre>