Ionic-Toggle с метками на каждой стороне

Question

Я пытаюсь добавить метки с каждой стороны к компоненту ионного переключения, вложенному в элемент иона.Текст всегда будет сидеть ниже, и я не могу заставить текст двигаться вверх.

Я пробовал различные поля и отступы на этикетках.Я пытался использовать компоненты Ion-note, но я не могу заставить эти текстовые метки скользить вверх.Специальных ионных элементов или переключателей ионов нет.

 [![<ion-col  size-md="3" >
                <ion-item>
                    <ion-label position="stacked">Is Technician</ion-label>
                    <div>
                        <label>No</label>
                        <ion-toggle formControlName="isTech" ></ion-toggle>
                        <label >Yes</label>
                    </div>
                </ion-item>
            </ion-col>]

Ожидаемый текст для выравнивания с переключателем

Answer 1

<ion-col  size-md="3" >
                <ion-item>
                    <ion-label position="stacked">Is Technician</ion-label>
                    <div>
                        <label style="margin-top: 10px; position: fixed;">No</label>
                        <ion-toggle formControlName="isTech" style="margin-left: 35px;" ></ion-toggle>
                        <label style="margin-top: 10px; margin-left: 15px;  position: fixed;">Yes</label>
                    </div>
                </ion-item>
            </ion-col>

Похоже, это работает для Интернета, но для мобильных устройств текст выравнивается снизу, поэтому поле также необходимо настроить для мобильных устройств.Я бы использовал проверку платформы в ионном режиме, чтобы определить поля для использования.