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

Question

我正在尝试为在react-native-video中播放的视频构建一个自定义的seeking，您建议我使用哪个库？

Answer 1

我建议您尝试构建您自己的，因为您有要侦听的事件onSeek和方法seek change position。如果您正在询问有关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>;