react原生导航在iOS设备上是向后的



这里的情况很奇怪,谷歌似乎找不到答案。我有一个小的(即"你好世界")应用程序是在iOS的react native中完成的,我发现模拟器中的渲染与设备本身的渲染截然不同。

模拟器(预期行为):

以下是模拟器显示的内容(也是我所期望的):模拟器上的列表视图

如果我编辑一个条目(也是预期的),我会看到以下内容:模拟器上的详细信息视图

设备(意外行为):

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

编辑条目如下所示:在我的设备上查看详细信息

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

我当然很欣赏第二双眼睛,因为我被难住了。(我很高兴被告知我错过了一些显而易见的东西。)

谢谢!

您应该在"设置"中检查设备的区域以及语言集。如果您的设备语言设置为从右向左读取的语言,iPhone会相应地呈现其UI。

相关内容

  • 没有找到相关文章

最新更新