React Native. Jak mogę skupić się na wprowadzaniu tekstu, gdy strona ponownie renderuje się na tykanie zegara

Question

Piszę aplikację czasomierza za pomocą reakcji natywnej na androida w clojurescript (używając odczynnika, mam nadzieję, że nie jest to ważne).

Mam TextInput gdzie akceptuję tekst od użytkownika, aby nazwać liczniki. Za każdym razem, gdy mój zegar odlicza, cała aplikacja na Androida ponownie się wyświetla i tracę koncentrację na TextInput. Obecnie używam onChangeText, aby zapisać znaki, które piszę, czy istnieje sposób na skupienie się na wprowadzaniu tekstu, gdy zegar tyka?

Dzięki.

Answer 1

Najprostszym rozwiązaniem jest zadzwonić pod numer this.refs.yourTextInput.focus() w metodzie componentDidUpdate. Jednak najprawdopodobniej spowoduje to zanikanie klawiatury i ponowne ożywienie.

Źródłem problemu jest to, że wartość licznika czasu i dane wejściowe w polu TextInput mają ten sam zakres, więc po zaktualizowaniu stanu zarówno licznik czasu, jak i wartość TextInput są ponownie renderowane za pomocą funkcji render. W idealnej sytuacji można:

Umieść tekst licznika w komponencie niestandardowym i dodaj metodę dla tego niestandardowego komponentu, aby ustawić własny stan. Spowoduje to ponowne renderowanie komponentu niestandardowego, o ile aktualizuje się stan komponentu użytkownika.