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

Question

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

Answer 1

可以react-native-progress用来显示进度条

然后使用 state 来跟踪进度：

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%，您可以更改它以使进度更顺畅