Showing progress bar until image loads. Flutter

Question

I want to make a register screen with captcha and the api I am using is sending the raw image bytes and in header a secret value to validate the captcha. I want to take the bytes from http.get and show them to image.memory in my register screen and also save the timeStamp for submitting data.

I have a register.dart file where I have all the UI. Then a getCaptcha.dart file containing a future function to get the captcha and header.

It is preferred to enter code snippets and not screen shots. Ideally you also exclude any boilerplate not necessary for understanding your issue — w461, Dec 28 '20 at 10:50
Sorry @Eren , I mean until I get the response/bytes I want to display a progress bar.. — , Dec 28 '20 at 15:34
@Alok-P it is said down below but you should use FutureBuilder. The example code on the docs should do the trick — astackoverflowuser, Dec 29 '20 at 14:14

score 0 · Answer 1 · answered Dec 28 '20 at 11:26

You can try FutureBuilder to show progress until you get response from API.

FutureBuilder(
              future: Future<String>.delayed(
                Duration(seconds: 5),
                () => 'Data Loaded',
              ),
              builder: (context, snapShot) {
                return !state.recentSearchCalled
                    ? buildLoadingUi(context)
                    : buildSearchUI(context, state);
              },
            ),

score 0 · Answer 2 · answered Dec 29 '20 at 01:34

0

Add "loading" status

setState(() { isloading = true });
await getCaptcha();
setState(() { isloading = false });

answered Dec 29 '20 at 01:34

januw a

2,056
5
18
39

Showing progress bar until image loads. Flutter

2 Answers2