当新视频播放原生视频播放时，暂停视频

Question

我在一个页面上有几个视频播放器..一次只想播放一个视频，所以当一个正在播放时，其他任何在停止之前播放的视频...我的想法是识别视频的ID。轻按已播放的视频，然后将其作为唯一允许播放的视频，因此应暂停之前正在播放的视频。我不确定该怎么做...

const MediaItem =({result}) => {
    const [currentVideoPlayingId, setCurrentVideoPlayingId] = useState(' ')


        const oneVideoPlaying = ()=>{
            setCurrentVideoPlayingId(result.id)
        }
        console.log('currentVideoPlaying Id:',currentVideoPlayingId)
        return (
            <View style={styles.Container}>
                <Card style={styles.CardView}>

                    <View style={styles.VideoItem}>

                    <VideoPlayer
                        video= {{uri:result.video_url} }
                        videoWidth={1600}
                        videoHeight={900}
                        ignoreSilentSwitch={"ignore"}
                        style={styles.Vid}
                        onStart={oneVideoPlaying}
                        thumbnail={{uri:result.thumbnail_url}}
/>
                    </View>
                    <Card.Title title={result.title} subtitle={result.description}  />
                </Card>

            </View>
        );
    }


const styles = StyleSheet.create ({
    Container: {
        flex: 1
    },
    CardView:{
        marginLeft:10,
        marginRight:10,
        marginTop: 20,
        borderRadius:25,
        width:320,
        height:300
    },
    VideoItem:{

    },
    Vid:{
        borderTopLeftRadius:25,
        borderTopRightRadius:25,
    },


})

export default MediaItem;