2016-07-15 32 views
5

Hat jemand eine Möglichkeit gefunden, Text dynamisch auf dem Bildschirm zu mutieren, ohne ein Rendering auszulösen?React-Native Text ändern mit setNativeProps

Ein großer Teil meines Bildschirms verwendet setNativeProps für bewegte Teile, was bedeutet, dass die Animationen trotz Verwendung von sollteComponentUpdate verzögert werden. Ich möchte das Text-Tag anstelle der TextInput-Tag-Problemumgehung verwenden, die in this Post aus stilistischen Gründen vorgeschlagen wird.

Im besten Fall handelt es sich um eine Problemumgehung, die setNaiveProps einbezieht, da sie dem Muster des restlichen Bildschirms folgen würde. Allerdings plane ich derzeit, alle Zahlen von 0 bis 9 auf den Bildschirm zu bringen und sie im Moment in Position zu bringen, so dass jede Hilfe sehr geschätzt werden würde!

Antwort

2

Wie sich herausstellt, können Sie TextInputs genauso formatieren wie Textelemente (von dem, was ich getestet habe). Um Text horizontal zu platzieren, müssen Sie die Breite einstellen (etwas, mit dem ich vorher Probleme hatte). Für diejenigen, die immer noch an der ursprünglichen Frage interessiert sind, können Sie TextInputs innerhalb eines Textelements verschachteln (eines pro Textelement, weil es keine Rechtfertigung gibt und es automatisch in einer Zeile platziert). Das auf das Textelement angewendete Styling wird auf den TextInput angewendet.