Reactjs expo av不显示来自其他屏幕的视频

Reactjs expo av不显示来自其他屏幕的视频,reactjs,react-native,expo,expo-av,Reactjs,React Native,Expo,Expo Av,我将EXPO用于我的本地项目,该项目的目标是上传视频并最终在我的应用程序的不同屏幕上显示它们,对于celá,我使用EXPO av,问题是该软件包仅在第一个屏幕上显示视频,例如,如果我导航到另一个屏幕,该屏幕上的视频将不会显示。我好久找不到解决办法了,请帮帮我。谢谢你的理解 例如,代码 主屏幕中的代码 import React from 'react'; import { StyleSheet, Text, View, Button } from 'react-native'; import {

我将EXPO用于我的本地项目,该项目的目标是上传视频并最终在我的应用程序的不同屏幕上显示它们,对于celá,我使用EXPO av,问题是该软件包仅在第一个屏幕上显示视频,例如,如果我导航到另一个屏幕,该屏幕上的视频将不会显示。我好久找不到解决办法了,请帮帮我。谢谢你的理解

例如,代码

主屏幕中的代码

import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import { Video } from 'expo-av';
// import VideoPlayer from 'expo-video-player';

export const DetailsScreen = ({navigation}) => {
  return(
    <View style={styles.container}>
        <Video
          source={{ uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' }}
          rate={1.0}
          volume={1.0}
          isMuted={false}
          resizeMode="cover"
          shouldPlay
          isLooping
          style={{ width: 300, height: 300 }}
        />

        <Button
            title='Back to home' onPress={() => {navigation.goBack()}}
        />
    </View>
  );
}
import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
import { Video } from 'expo-av';
export const HomeScreen = ({navigation}) => {
  return(
    <View style={styles.container}>
        <Video
          source={{ uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' }}
          rate={1.0}
          volume={1.0}
          isMuted={false}
          resizeMode="cover"
          shouldPlay
          isLooping
          style={{ width: 300, height: 300 }}
        />

        <Button
            title='Go to DetailsScreen' onPress={() => {navigation.navigate('DetailsScreen')}}
        />
    </View>
  );
}