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

Question

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

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)

此功能每100毫秒将进度增加1%。您可以更改此功能以使进度更平滑