在 react native 中停止启动类似于 TikTok 的视频录制栏

【问题标题】：stop start video recording bar similar to TikTok in react native在 react native 中停止启动类似于 TikTok 的视频录制栏
【发布时间】：2020-11-11 18:14:07
【问题描述】：

hy，我想在相机组件的顶部实现播放和暂停视频录制栏，类似于 tiktok 中的 react native，我找不到任何依赖项，也不知道该怎么做，请帮助

【问题讨论】：

标签： react-native tiktoktemplate

【解决方案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)

此功能每 100 毫秒将进度增加 1%，您可以更改它以使进度更顺畅

【讨论】：