Стоп начать запись видео, как в TikTok в React Native

Question

Да , я хочу реализовать эту панель воспроизведения и приостановки видеозаписи вверху в компоненте камеры, аналогичном тому, что в tiktok, в react native, я не могу найти никакой зависимости и не знаю, как это сделать, пожалуйста, помогите

Answer 1

Вы можете использовать react-native-progress для отображения индикатора выполнения

Затем используйте состояние, чтобы отслеживать прогресс:

const [progress, setProgress] = useState(0)

Затем отобразите индикатор выполнения:

import * as Progress from 'react-native-progress';

<Progress.Bar progress={this.state.progress} width={200} />

теперь вы можете использовать setInterval обновить прогресс

setInterval(() => setProgress((prev) => return prev + (10/100))), 100)

Эта функция увеличивает прогресс на 1% каждые 100 миллисекунд, вы можете изменить это, чтобы сделать прогресс более плавным.