How can I remove/disable vertical PageView top/bottom color - scroll glow - Flutter

Question

Does anyone know if there is a way to remove the PageView color that occurs when the user reaches the end of the items? this is an image that describes what I mean Click here

PageView.builder(
                    physics: NeverScrollableScrollPhysics(),
                    scrollDirection: Axis.vertical,
                    controller: _controller,
                    itemCount: 4,
                    itemBuilder: (BuildContext context, int index) {
                      _isValid = false;
                      return [
                          SizedBox.expand(...),
                          SizedBox.expand(...),
                          SizedBox.expand(...),
                          SizedBox.expand(...),
                        ][index];
                    },
                  )

I found the complete and right answer here: How to remove scroll glow?

score 0 · Accepted Answer · answered Mar 28 '20 at 02:23

This effect is provided by ScrollBehavior. You need to provide your custom ScrollBehavior and wrap it inside a ScrollConfiguration.

class CustomScrollBehavior extends ScrollBehavior {
 @override
  Widget buildViewportChrome(
     BuildContext context, Widget child, AxisDirection axisDirection) {
     return child;
  }
}

To remove the effect in your PageView

ScrollConfiguration(
  behavior: CustomScrollBehavior(),
  child: PageView.builder(
    ...
  ),
)

score 0 · Answer 2 · answered Jan 27 '22 at 12:10

above one is not worked for me , after the new flutter v2 ( sdk 2.8.1),

NotificationListener<OverscrollIndicatorNotification>(
  onNotification: (overscroll) {
   overscroll.disallowIndicator();
    return true;
   },
child: SingleChildScrollView(

 )
)

How can I remove/disable vertical PageView top/bottom color - scroll glow - Flutter

2 Answers2