react-native-navigation 在 iOS 设备上倒退

Question

这里的情况很奇怪，谷歌似乎找不到我的答案。我有一个在 iOS 的 react-native 中完成的小型（即“hello world”）应用程序，我发现在模拟器中呈现的内容与在我的设备本身上呈现的内容完全不同。

模拟器（预期行为）：

这是模拟器显示的内容（也是我所期望的）：List View on the Simulator

这是我在编辑条目时看到的内容（也是预期的）：Details View on the Simulator

设备（意外行为）：

当我在我的设备上查看相同的代码时，我看到以下内容： List View on my device

编辑条目如下所示：Details View on my device

有人知道导航发生了什么吗？即使是从头开始构建的默认博览会项目也会发生这种情况。这是我处理导航的 App.js 文件：

import React from 'react';
import { createStackNavigator, createAppContainer } from 'react-navigation';
import BrandListScreen from './components/BrandListScreen';
import BrandDetailScreen from './components/BrandDetailScreen';
import BrandAddScreen from './components/BrandAddScreen';
import BrandEditScreen from './components/BrandEditScreen';

const RootStack = createStackNavigator(
  {
    BrandList: BrandListScreen,
    BrandDetails: BrandDetailScreen,
    BrandAdd: BrandAddScreen,
    BrandEdit: BrandEditScreen,
  },
  {
    initialRouteName: 'BrandList',
    defaultNavigationOptions: {
      headerStyle: {
        backgroundColor: '#777777'
      },
      headerTintColor: '#FFF',
      headerTitleStyle: {
        fontWeight: 'bold',
      },
    },
  },
);

const App = createAppContainer(RootStack);

export default App;

我当然很欣赏第二组对此的看法，因为我很难过。 （我很高兴被告知我遗漏了一些明显的东西。）

谢谢！

Answer 1

您应该在“设置”中检查设备所在的区域以及设置的语言。如果您的设备语言设置为从右到左阅读的语言，iPhone 会相应地呈现其 UI。