Как показать индикатор выполнения в react native для долго работающей родной задачи Android?

#android #reactjs #react-native #react-native-native-module

#Android #reactjs #react-native #react-native-native-module

Вопрос:

У меня есть приложение react native, и я использую собственный модуль Android для выполнения длинной задачи. Пока выполняется эта задача, я хотел бы показать индикатор выполнения на моем экране react native, пока выполняется эта задача. Как мне это сделать? В настоящее время я могу получить обратный вызов только после завершения моей длительной задачи.

Я хочу иметь возможность показывать значимый прогресс. Как 10% сделано. Не просто счетчик загрузки.

Ответ №1:

Для этого требуется, чтобы ваш собственный модуль постоянно передавал в контекст js прогресс, например, 5%, 10% и т.д. (Проверьте официальные документы о том, как выполнить эмиссию). Затем, подписавшись на это событие, вы можете обновить индикатор выполнения с фактическим процентом. Я бы использовал индикатор выполнения в документе.

Конечно, если ваша задача зависит от времени, т. Е. Вы знаете, что она завершится через 2 секунды, вы можете просто добавить интервал на стороне js и соответствующим образом обновить ProgressBar, т.е. Каждые 100 мс вы можете увеличивать ее на 5%.