PageView transition

[Tililweet]

So when I swipe to another page/widget using PageView.builder it looks like this(This is on Flutter Web btw):

                                                                                   (Notice the pink line when I swipe?)

So the pink line is a widget called Loading(); its pink container that takes the whole screen and has a CircularProgessIndicator() in the middle of it. In the case above, it hasn't loaded all the way and I think I know why.

 @override

 Widget build(BuildContext context) {

   final user = Provider.of<User>(context);

    return FutureBuilder<UserData>(

     future: _userData

     builder: (context, AsyncSnapshot<UserData>snapshot) {

       if (snapshot.hasData) {

         UserData userData = snapshot.data;

         ......................

................

.........

       }else  

       //return new AnimatedSwitcher(

           //duration: Duration(milliseconds: 700,),switchInCurve: Curves.bounceIn,);

       //return CircularProgressIndicator(); //else

         return Loading();

     },

    );

  }

^^ This is pretty much the gist of it. My guess is that at first !snapshot.hasData (snapshot is empty) so that's why it goes to Loading()? I'd really like for it to smoothly transition to the other pages when swiping.

So my question is , is there a way to get rid of that pink line so that it transitions smoothly? BTW thanks for all the help, you guys have given me thus far.

[Tililweet]

Seems like this gif didnt work,let me try this 

<iframe src="https://giphy.com/embed/eM7A7ObMGjAlapHjlc" width="393" height="480" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="https://giphy.com/gifs/eM7A7ObMGjAlapHjlc">via GIPHY</a></p>

https://giphy.com/gifs/eM7A7ObMGjAlapHjlc

[Souvik Dutta]

I think your api results are extremely fast and so the next page is changing its state and rebuilding in the middle (or actually at the start of the swipe). You can try to slow down the results and thus rebuild your page only after it is in complete view. 

--
You received this message because you are subscribed to the Google Groups "Flutter Development (flutter-dev)" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/7a407ad6-052f-45e0-9be1-74c89b7e0dc2o%40googlegroups.com.

[Souvik Dutta]

Or you might make the pink container smaller in size. This is way more easier to do

[Tililweet]

How do i slow it down?

To unsubscribe from this group and stop receiving emails from it, send an email to flutt...@googlegroups.com.

[Tililweet]

So I managed to slow it down by using Future.delayed. The loading screen pops up and it go to the widget now. Now im trying to see how i can smoothly transition from the loading screen to the widget now.

[Souvik Dutta]

Great. 

To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/d3ebddcd-7c93-4ad8-ab3c-995bcb2a09eao%40googlegroups.com.