react-native - 如何为 react-native-video 构建自定义搜索栏

Question

我正在尝试为在 react-native-video 中播放的视频构建一个自定义搜索栏，你推荐我使用哪个库？

标签： react-nativereact-native-video

Answer 1

我建议您尝试构建自己的，因为您有事件 onSeek 可以收听并且方法 seek 更改位置。如果您正在寻求有关 UI 的建议，我建议您查看 React Native Elements。您可以使用他们的滑块（https://react-native-elements.github.io/react-native-elements/docs/slider.html）并执行以下操作：

import { Slider } from 'react-native-elements';

<View style={{ flex: 1, alignItems: 'stretch', justifyContent: 'center' }}>
  <Slider
    value={this.state.progress} // Which is updated by videoRef.onProgress listener
    onValueChange={value => videoRef.seek(value)} 
  />
  <Text>Value: {this.state.value}</Text>
</View>;