当前位置:  开发笔记 > 编程语言 > 正文

如何在React Native Android开发模式下禁用横向模式?

如何解决《如何在ReactNativeAndroid开发模式下禁用横向模式?》经验,为你挑选了6个好方法。

我是android环境的新手.我知道可以在Xcode中完成iOS以禁用设备方向.如何在React Native Android中禁用横向模式或任何方向模式?

谢谢.



1> 小智..:

添加android:screenOrientation="portrait"到文件中的activity部分android/app/src/main/AndroidManifest.xml,以便最终看起来像这样:



android:screenOrientation物业有几个不同的价值; 如需全面的列表,请查看以下内容:https://developer.android.com/guide/topics/manifest/activity-element.html


小心,如果你正在使用ReactNativeNavigation,那么这对你不起作用.在startSingleScreenApp或startTabBasedApp中的appStyle中设置"orientation:'portrait',".看看[这个主题](https://github.com/wix/react-native-navigation/issues/349),它可能会有所帮助.
你真的想用`sensorPortrait`代替`portrait`,这样它也可以"颠倒"使用.而且,如果你的目标是API 18+,你应该使用`userPortrait`,因为如果用户有锁定方向,它会尊重.有关详细信息,请参阅文档:https://developer.android.com/guide/topics/manifest/activity-element.html#screen

2> Harry Moreno..:

http://developer.android.com/guide/topics/manifest/activity-element.html

添加android:screenOrientation="portrait"到您的活动xml



3> bret..:

正如@ morenoh149所述,属性名称和值是android:screenOrientation ="portrait".React Native在Android文件夹下的项目目录中生成一个名为AndroidManifest.xml的文件.在标签清单/应用程序/活动下的那个xml文件中,你要添加一行android:screenOrientation ="portrait"

一个例子如下所示




  
    
        
        
    
  
  



4> mixophrygian..:

哈里莫雷诺的评论是正确的.将其添加到"活动"部分的android/app/src/main/AndroidManifest.xml中.也改变

android:configChanges="keyboard|keyboardHidden|orientation|screenSize"

android:configChanges="keyboard|keyboardHidden|screenSize"

删除方向,以便它与添加的新行不冲突, android:screenOrientation="portrait"



5> rsp..:

2017年更新

除了上面贴如果你使用世博会建立自己的应用程序(如官方指南目前推荐的解决方案做出反应母语博客),那么你需要的是设置orientationapp.json以"人像"或"风景",并使其发挥作用在iOS和Android上同时无需编辑iOS/Android特定的XML配置文件:

"orientation": "portrait"

例:

{
  "expo": {
    "name": "My app",
    "slug": "my-app",
    "sdkVersion": "21.0.0",
    "privacy": "public",
    "orientation": "portrait"
  }
}

您也可以在运行时使用它:

ScreenOrientation.allow()

例:

ScreenOrientation.allow(ScreenOrientation.Orientation.PORTRAIT);

更多细节:

有关详细信息,请参阅: 如何在React Native中禁用旋转?



6> romin21..:

如果您使用,则可接受的答案不起作用react-native-navigation。使用此代替:

Navigation.setDefaultOptions({
    layout: {
        orientation: ["portrait"],
    },
});

在此处检查文档。

推荐阅读
U友50081205_653
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有