android - 为什么自定义 SwitchCompat 内部轨道中的文本总是显示在拇指下方

Question

我正在尝试在 On/Off 情况下实现带有文本的自定义 SwitchButton，就像这些图像一样

] 1

我的问题是我发现文本出现在拇指下方而不是它旁边

这是我的代码

 <androidx.appcompat.widget.SwitchCompat
                android:id="@+id/switch_availability"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="false"
                android:textOn="متاح"
                android:textOff="مغلق"
                android:textAppearance="?android:attr/textAppearanceMedium"
                android:background="@android:color/transparent"
                android:button="@null"
                android:textColor="@color/colorWhite"
                android:thumb="@drawable/selector_thumb"
                app:track="@drawable/selector_track"
                app:showText="true" />

选择器拇指 xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="false">
    <shape android:dither="true" android:shape="oval" android:useLevel="false" android:visible="true">
        <solid android:color="#ffffff" />
        <size android:width="18dp" android:height="25dp" />
        <stroke android:width="4dp" android:color="#0000ffff" />
    </shape>
</item>

选择器跟踪 xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_checked="true">
    <shape android:dither="true" android:shape="rectangle" android:useLevel="false" android:visible="true">
        <solid android:color="@color/colorGreen" />
        <corners android:radius="50dp" />
        <size android:width="2dp" android:height="10dp" />
    </shape>
</item>
<item android:state_checked="false">
    <shape android:dither="true" android:shape="rectangle" android:useLevel="false" android:visible="true">
        <solid android:color="@color/colorCherry" />
        <corners android:radius="50dp" />
        <size android:width="2dp" android:height="10dp" />
    </shape>
</item>

如何修复此文本方向？PS 需要阿拉伯语文本。

提前致谢。