react-native-webview不会改变iOS上的屏幕方向

n3ipq98p  于 2023-05-23  发布在  iOS
关注(0)|答案(2)|浏览(172)

我正在开发一个小型的react-native应用程序。它几乎只是一个显示我的网络应用程序的容器,所以几乎所有的东西都运行得很酷。
问题是,用户需要在一些网络应用程序网站上旋转屏幕。在我的实现中,这在android上运行得很好,但在iOS上不行。有趣的是,当我通过EXPO GO在iOS上启动应用程序时,它也能正常工作。
我已经找了很多,但我找不到解决这个问题的办法。你知道如何在iOS上改变这种行为吗?
这是我的App.js

import React from "react";
import { StyleSheet, View } from "react-native";
import WebView from 'react-native-webview';

const WEBSITE = 'https://www.google.com'

export default function App() {

  return (
    <View style={styles.container}>
      <View style={{ width: '100%', height: '100%' }}>
        <WebView
          source={{ uri: WEBSITE }}
        />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "flex-start",
    alignItems: "flex-start",
  },
});
ercv8c1e

ercv8c1e1#

我会首先检查你的xcode项目设置,并确保你正在寻找的方向是启用的。如果您打开xcode并检查方向,您应该已经选择了您想要支持的所有方向。下面的项目只有纵向启用,因此我建议您启用横向,希望这应该解决您的问题。

3b6akqbq

3b6akqbq2#

根据您提到的内容和马克的答案,您可以添加肖像选项到您的Plist文件。只需添加

<key>UISupportedInterfaceOrientations</key>
    <array>
        <string>UIInterfaceOrientationPortrait</string>
        <string>UIInterfaceOrientationPortraitUpsideDown</string>
    </array>

这将添加选项到您的IOS应用程序。
希望能帮上忙。

相关问题