Flexbox 布局在实际设备上默认反向

Question

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

Answer 1

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

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

Flexbox 布局在实际设备上默认反向

Flexbox layout reverse by default on actual device

html

css

mobile

nativescript

angular