Мерцание ввода текста
Я использовал ввод текста при создании панели поиска на «Домашнем экране». Всякий раз, когда я нажимаю на панель поиска, я попадаю на экран поиска, на котором фокусируется ввод текста. На обоих экранах у меня есть заполнитель «Поиск» во вводе текста. Проблема, с которой я столкнулся, заключается в том, что заполнитель мерцает при смене экранов. Это происходит постоянно, если / когда вводимый текст повторно отображается. Я хочу, чтобы заполнитель оставался статичным для плавного перехода между экранами. Пожалуйста, дайте мне знать, есть ли у вас какие-либо идеи о том, как его установить, или у вас есть какие-либо предлагаемые обходные пути.
Ответы 2
Взгляните на эту библиотеку Жидкие переходы. Эта библиотека помогает создавать плавные переходы между экранами и общими компонентами. Таким образом, вы можете переходить от экрана A к экрану B, сохраняя ввод в строке поиска без изменений или, по крайней мере, сохранять плавный переход.
Другая идея ... Неужели нужно переходить на другой экран при фокусировке строки поиска? Возможно ли, если вы просто создадите компонент SearchList, который «показывает / скрывает» FlatList (например), когда пользователь фокусирует строку поиска, он переходит на другой экран, когда пользователь нажимает на определенный результат.
Я использую response-native-router-flux, и вот некоторые наблюдения, ранее я использовал .replace() для переключения сцен, на этот раз я использовал .push(), настроив его так, чтобы не отображалась анимация, и теперь поиск не мерцает при открытии экрана поиска, однако , он мерцает при перемещении экрана поиска в стек, похоже, что повторный рендеринг вызывает мерцание (поскольку pop не запускает рендеринг, а push делает).
На данный момент лучше избегать использования заполнителя, пока проблема не будет решена в самом react-native.
Спасибо за ответ. У меня была идея оставить панель поиска только на одном экране и отображать / скрывать компоненты по мере необходимости, но я хотел, чтобы экраны были разделены, так как я буду делать некоторые другие настройки. Я использую
react-native-router-fluxс.replace(key), поэтому анимация смены экрана не отображается. Все работает нормально, если я удаляю заполнитель из ввода текста в строке поиска, все остальные компоненты, текст, значок и т. д. В порядке, мерцание происходит только с заполнителем.