How to show progress bar in react native for a long running android native task?

Question

I have a react native app and I'm using an android native module to run a long task. While this task is going on, I would like to show a progress bar in my react native screen while this task is going on. How do i do this? I'm currently only able to get a callback once my long running task is over.

I want to be able to show meaningful progress. Like 10% done. Not just a loading spinner.

angelos_lex · Accepted Answer · 2020-12-31 08:17:20Z

0

This requires that your native module is constantly emitting to the js context the progress, like 5%, 10% etc. (Check official docs about how to do the emission). Then, subscribing to this event, you can update your progress bar with the actual percentage. I would use the paper's progressBar.

Of course, if your task is timed-based, i.e you know it will finish after 2 seconds, you can just add an interval on the js side and update accordingly the progressBar, i.e every 100ms you can progress it by 5%.

answered Dec 31, 2020 at 8:17

angelos_lex

1,6711 gold badge18 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to show progress bar in react native for a long running android native task?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related