React-Native应用程序:右和左被交换



在网页上,顺序很好,但在移动设备上,一切都是交换的:组件的顺序,左边距是右边距等。我没有故意改变任何东西。从一个构建到另一个构建,顺序只是改变了。

我附上了一个截图,从他们的模板显示相同的行为(所以问题并不局限于一个单一的项目):react-native模板ios应用程序截图

谢谢!

更新:

代码:https://github.com/expo/examples/blob/master/with-tab-navigation/App.js

图片:ios手机截图

我也用另一部手机检查了一下,它显示了正确的顺序。它是否与某种语言或地区有关?

Flexbox在React Native中的工作方式与在web上的CSS中的工作方式相同,只有少数例外。默认值是不同的,flexDirection默认为列而不是行,alignContent默认为flex-start而不是stretch, flexShrink默认为0而不是1,flex参数只支持一个数字。

https://reactnative.dev/docs/flexbox

我从手机上卸载了我的Expo Go应用程序,并从App Store重新安装了它。现在作品

最新更新