Iionic - кликабельная панель поиска - PullRequest
0 голосов
/ 08 ноября 2018

Есть ли способ ограничить панель поиска, чтобы она реагировала на нажатие / щелчок и не показывала клавиатуру?

Я пытаюсь имитировать функциональность карт Google, где

  • пользователь нажимает на панель
  • открывается новый вид / модал и с новой полосой
  • откроется клавиатура панели поиска. Из

    курс G Maps реализован более эффективно и все выполнено за одну плавную процедуру.

То, что я сейчас имею в качестве рабочего решения, это

  • нажмите на бар1
  • Клавиатура открывается при загрузке нового вида
  • клавиатура закрывается
  • должен нажать на bar2 в новом представлении, чтобы открыть клавиатуру

это плохой UX. Как я могу упростить это с Ionic без bar1, открывающего клавиатуру и запускающего bar2 клавиатуру, когда открывается представление.

1 Ответ

0 голосов
/ 14 ноября 2018

Внутри ion-navbar положить ion-input:

<ion-navbar color="primary">
    <ion-input placeholder="Search..." (ionFocus)="openSearchModal()" readonly>
        <ion-icon name="md-mic"></ion-icon>
    </ion-input>
</ion-navbar>

Установить ввод только для чтения и привязать функцию, когда пользователь щелкает ввод, чтобы открыть модальный поиск.

...