时间戳

首页 > 解决方案 > Flexbox 布局在实际设备上默认反转

html - Flexbox 布局在实际设备上默认反转

问题描述

我正在使用 angular nativescript 构建一个移动应用程序。在某些方面，我使用 flexbox 布局，其中包含多个元素。我使用了一个 android studio 模拟器，一切正常，但是当我在我的实际设备上运行应用程序时，flexbox 会以相反的顺序显示他的元素并将它们粘贴到 flex 的右侧，就像我设置的一样flex-direction: row-reverse。我在模拟器和我的设备上同时运行代码，它们没有显示相同的结果。也许这是因为我设备上的语言是从右到左的？

标签： htmlcssangularmobilenativescript

解决方案

如果您想在 Android 上忽略设备的从右到左方向，并在不镜像的情况下使用布局，您可以将以下内容添加到您的AndroidManifest.xml

<manifest>
    <application
        ...
        android:supportsRtl="false"
        tools:replace="android:supportsRtl"
        >
    </application>
</manifest>

推荐阅读