LandScape не работает в React native? когда режим отключения IOS/Android отключен Автоматическое вращение

Question

Я разрабатываю пример приложения, основанный на реагировании на собственную ориентацию. Фактически ориентация работает. Я хочу, чтобы режим ландшафта, когда я переходил на одну конкретную страницу. Это нормально, проблема в этой ситуации показывает пейзаж, но когда я пытаюсь перейти к режиму Portrait mode.but, когда я поворачиваю портрет или пейзаж, я хочу показать только пейзаж, а не пейзаж портрет.

Я использую этот модуль и написал этот код:

уаг Ориентация = требуется ('реагируют-нативную ориентацию');

class XOrating extends React.Component { 
    constructor(props){ 
    super(props); 
    this.state={ 

     HEIGHT:667, 
     WIDTH:375 


    } 
    } 

componentWillMount(){ 

    if(this.props.sportName == 'Pro Football'){ 
    Orientation.lockToLandscape(); 

    this.setState({ 
     HEIGHT:375, 
     WIDTH:667 


    }) 
    } 
    else{ 
    Orientation.lockToPortrait(); 
    } 

} 

_orientationDidChange(orientation) { 
    if (orientation == 'LANDSCAPE') { 

     Orientation.lockToLandscape(); 
     //do something with landscape layout 
    } else if(orientation == 'PORTRAIT') { 
     //do something with portrait layout 
     Orientation.lockToLandscape(); 
    } 
    } 

    componentWillUnmount() { 
    Orientation.getOrientation((err,orientation)=> { 
     console.log("Current Device Orientation: ", orientation); 
    }); 
    Orientation.removeOrientationListener(this._orientationDidChange); 
    } 


componentDidMount(){ 


    Orientation.addOrientationListener(this._orientationDidChange); 

} 

render(){ 
return(
<Image source={{uri:this.state.ImgBackground}} style={{width:this.state.WIDTH, 
       height:this.state.HEIGHT, top:0, left:0}}> 
) 
} 

module.exports = XOrating; 

Пожалуйста, предложите я хочу соответствовать ландшафтному режиму, когда скрытие в устройстве в режиме авторотации

Answer 1

Да Наконец я получил то, что я делаю свою ошибку .....

Просто я добавить как два строки в файле AppDelegate.m и после следующего очистить x-код и запустить.

#import "../../node_modules/react-native-orientation/iOS/RCTOrientation/Orientation.h" 


- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window { 
    return [Orientation getOrientation]; 
    }