Компоненты SimpleSwitch и Switch

[SevereCloud]

Компонент Switch это надстройка над <input type="checkbox" />. Компонент принимает все валидные для этого элемента свойства.

Пример использования

<SimpleCell
  role={null}
  disabled
  after={<Switch aria-label="Комментарии к записям" />}
>
  Комментарии к записям
</SimpleCell>

Нативное поведение на андроиде подразумевает, что нажатие на ячейку переключает с Switch. Тогда нам требуется следующий код:

<SimpleCell
  Component="label"
  after={<Switch />}
>
  Комментарии к записям
</SimpleCell>

Но нативное поведение на ios другое - нажатие на ячейку не переключает Switch:

<SimpleCell 
  Component={platform === IOS ? undefined : "label"} 
  disabled={platform === IOS} 
  after={<Switch aria-label="Комментарии к записям"/>}
>
  Комментарии к записям
</SimpleCell>

---

В v5 можно сделать два компонента:

• SimpleSwitch — обычный переключатель
• Switch — SimpleCell с SimpleSwitch, учитывающий нативное поведение

<Switch>
  Комментарии к записям
</Switch>

FYI #2366

[eugpoloz]

В v5 можно сделать два компонента:

• SimpleSwitch — обычный переключатель
• Switch — SimpleCell с SimpleSwitch, учитывающий нативное поведение

Вариант по названиям:

• оставить Switch как есть;
• добавить SwitchCell/CellSwitch (= SimpleCell с SimpleSwitch, учитывающий нативное поведение).

Почему: у нас уже есть кнопка-ячейка CellButton, например; выглядеть будет более консистентно.

[inomdzhon]

CellSwitch найз 👍

[eugpoloz]

На всякий случай тегну еще дискуссию про базовые/simple-компоненты: #2362