这里的情况很奇怪,谷歌似乎找不到答案。我有一个小的(即"你好世界")应用程序是在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。