Как сделать iOS UIPicker реагирующим с несколькими столбцами и заголовками? - PullRequest
Новая
       25

Как сделать iOS UIPicker реагирующим с несколькими столбцами и заголовками?

3 голосов
/ 09 апреля 2019

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

iOS Timer picker

Я хочу именно это, кромевместо трех столбцов мне нужны два, а вместо «часов» и «мин» - «яблоки» и «груши».

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

Вот что у меня есть: 

  render() {
    let PickerIOSItem = PickerIOS.Item
    return (
      <View style={styles.container}>
        <PickerIOS style={styles.column}>
          <PickerIOSItem value={1} label="0" />
          <PickerIOSItem value={2} label="1" />
          <PickerIOSItem value={3} label="2" />
          <PickerIOSItem value={4} label="3" />
          <PickerIOSItem value={5} label="4" />
        </PickerIOS>
        <PickerIOS style={styles.column}>
          <PickerIOSItem value={1} label="0" />
          <PickerIOSItem value={2} label="1" />
          <PickerIOSItem value={3} label="2" />
          <PickerIOSItem value={4} label="3" />
          <PickerIOSItem value={5} label="4" />
        </PickerIOS>
      </View>
    );
  }

styles.container имеет display: flex и flex-direction: row, и styles.column имеет width: 49%.

My garbage attempt

...