Я серьезно новичок в родной теме React. Я застрял в очень простой проверке состояния ориентации видеоплеера.
Мои шаги кода:
- Ниже приведен код моего состояния,
boolean
.
state = {
viewmode: false,
};
2. Нижняя строкакода - мои иконки видеоплеера (пейзаж и портрет).
<TouchableWithoutFeedback onPress={this.changeViewModes}>
<MIcon name={!this.state.viewmode ? "fullscreen" : "fullscreen-exit"} size={30} color="#FFF"></MIcon>
</TouchableWithoutFeedback>
До сих пор все работало хорошо. но когда дело доходит до требования, видеоплеер должен повернуть в альбомный режим и портретный режим.
Так что я написал одно условие, когда он не работает должным образом и показывает только один режим - портретный или альбомный, но не вращающийся
changeViewModes = () => {
if (!this.state.viewmode == false) {
//fullscreen
this.player.presentFullscreenPlayer();
Orientation.lockToLandscape();
} else {
//fullscreen_exit
Orientation.lockToPortrait();
}
};
Код компонента видео
<Video paused={this.state.paused}
source={LightVideo}
style={{ width: "100%", height }}
resizeMode="contain"
onLoad={this.handleLoad}
onProgress={this.handleProgress}
onEnd={this.handleEnd}
ref={ref =>
{ this.player = ref;}}
/>
Может кто-нибудь помочь мне перевести мой видеоплеер в альбомный режим в портретный режим и наоборот.