ввод текста мерцание реагировать родной

Question

Я использовал ввод текста при создании панели поиска на «Домашнем экране». Всякий раз, когда я нажимаю на панель поиска, я перехожу на «Экран поиска», где фокусируется ввод текста.
На обоих экранах у меня есть заполнитель «Поиск» при вводе текста. Проблема, с которой я сталкиваюсь, заключается в том, что заполнитель мигает при смене экранов. Это происходит постоянно, если / когда вводится текст заново.
Я хочу, чтобы заполнитель оставался статичным для плавного перехода между экранами. Пожалуйста, дайте мне знать, если у вас есть идеи о том, как его установить, или если у вас есть какие-либо предлагаемые обходные пути.

Answer 1

Я использую response-native-router-flux, и вот некоторые наблюдения, ранее я использовал .replace() для переключения сцен, на этот раз я использовал .push(), настроив его так, чтобы не отображалась анимация, и теперь поиск не мерцает. однако, когда вы открываете экран поиска, он начинает мигать, помещая экран поиска в стек, похоже, что повторный рендеринг вызывает мерцание (так как pop не вызывает рендеринг, а push делает).

Лучше избегать использования заполнителя как сейчас, пока проблема не будет решена в самом реактиве.

Answer 2

Взгляните на эту библиотеку Fluid Transitions . Эта библиотека помогает создавать плавные переходы между экранами и общими компонентами. Таким образом, вы можете перейти от экрана A к экрану B, сохранив неповрежденным ввод строки поиска или, по крайней мере, сохранить плавный переход.

Другая идея ... Вам действительно нужно перейти к другому экрану при фокусировке панели поиска? Возможно ли, если вы просто создадите компонент SearchList, который «показывает / скрывает» FlatList (например), когда пользователь фокусирует панель поиска, он переключается на другой экран, когда пользователь нажимает на конкретный результат.