0

APP screen

Like the above example, I mentioned is there any way to achieve it, since the Bottom navigation bar is fixed, on clicking the icon page should be loaded and scrollable without affecting the navigation bar?

Harsh Hariya
  • 177
  • 1
  • 2
  • 12
  • this might help, this just shows navigation bar and not bottom nav. https://medium.com/@kashifmin/flutter-setting-up-a-navigation-drawer-with-multiple-fragments-widgets-1914fda3c8a8 – Tinus Jackson Nov 08 '19 at 11:07
  • No, not a navigation drawer, My main concern is the bottom navigation with the App page – Harsh Hariya Nov 08 '19 at 11:44
  • I understand, I am saying use the same concept that way the scaffold wont change and the bottom nav will stay the same – Tinus Jackson Nov 08 '19 at 11:57
  • check this video. this will be of some use https://www.youtube.com/watch?v=31WHkRuMuPw – OMi Shah Nov 08 '19 at 12:12
  • i did the same for tabview change but how can i achieve the App Page having Grid , Banner and list view – Harsh Hariya Nov 08 '19 at 13:10

1 Answers1

1

You can have SingleChildScrollView as a parent and use shrinkWrap=true in inside lists and grids,

SingleChildScrollView(
   child: Column(
    children: <Widget>[

     GridView(
     physics: NeverScrollableScrollPhysics(),
     shrinkWrap: true, // use it
     ),

     CarouselSlider(...),

     ListView.builder(
      shrinkWrap: true, // use it
      scrollDirection: Axis.horizontal,// this will make your list horizontal scrollable
    )
   ],
  ),
));

For CarouselSlider you can use this library.

Ravinder Kumar
  • 7,407
  • 3
  • 28
  • 54
  • No Carousel Slider, but In listView how can I add the Image and icon on it – Harsh Hariya Nov 12 '19 at 04:50
  • Are you talking about 'Trending' listview or banner slider? for slider [this](https://stackoverflow.com/a/51612288/5734205) might help. If you are talking about Trending listview section then please let me know I will update my answer. – Ravinder Kumar Nov 12 '19 at 05:27
  • a Normal list view with banner and grid view is all that I need in a scroll view – Harsh Hariya Nov 20 '19 at 04:53
  • You can check my [gist](https://gist.github.com/raviganwal/60b331a8080a2a88e7977a232c50f943) and you can also take inspiration from [mixed-list](https://flutter.dev/docs/cookbook/lists/mixed-list) – Ravinder Kumar Nov 20 '19 at 05:06