时间戳

首页 > 解决方案 > react-native-navigation 在 iOS 设备上倒退

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

问题描述

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

模拟器（预期行为）：

这是模拟器显示的内容（也是我所期望的）：模拟器上的列表视图

这是我在编辑条目时看到的内容（也是预期的）：模拟器上的详细信息视图

设备（意外行为）：

当我在我的设备上查看相同的代码时，我看到以下内容： 我的设备上的列表视图

编辑条目如下所示：我的设备上的详细信息视图

有谁知道导航是怎么回事？即使是从头开始构建的默认博览会项目也会发生这种情况。这是我处理导航的 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;

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

谢谢！

标签： iosreact-nativenavigationreact-native-navigation

解决方案

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

推荐阅读