React Native Expo Видео ав-экспо

Question

Я пытаюсь сделать это в режиме реального времени, используя av-expo.

1) При нажатии кнопки видео компонент отображается в полноэкранном режиме (устройство находится в портретной ориентации, я не заинтересованы в альбомной ориентации).

2) Когда пользователь выходит из полноэкранного режима, компонент видео скрыт.

Компонент легко скрыть / показать, используя функцию условного рендеринга на основе значения состояния , И это легко создать видео компонент. Но я не могу:

а) визуализировать его непосредственно в полноэкранном режиме

б) обнаружить выход из полноэкранного режима.

function showVideo(){

<Video
source={{ uri:'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' }}
resizeMode="cover"
useNativeControls
style={{ width: 300, height: 300 }}/>}

export default function App(){

const[state,setState]=useState(0)

return(

<View>
 {state ? showVideo() : null}
 <Button onPress={=>(setState(1)}/>
<View>
)
}

Я использую реагировать нативно с функциональным компонентом. Кто-нибудь может мне помочь?

Answer 1

Ну, я не специалист по реакции, и я знаю, что вам, вероятно, не нравится это слышать, но я думаю, что это нужно сказать, поэтому давайте go:

Вы можете реализовать полноэкранный режим режим самостоятельно. Делая это, вы получаете больше контроля над кодом. Вы можете использовать реагирующую навигацию, чтобы создать экран только для видео, и применять стили, которые делают его подходящим для экрана, также вы можете настроить навигатор так, чтобы первый экран, отображаемый в приложении, отображал видео в полноэкранном режиме. Кроме того, с помощью реагирующей навигации вы можете добавить слушателей для запуска действий при переходе назад (переход из полноэкранного режима).