Come allineare correttamente l'input di testo in modo che reagiscano nativi?

Question

L'ingresso di testo è allineato al centro, come risolvere questo input di testo in modo che si prende input da alto a sinistra

Ecco il mio css per l'immissione di testo

/* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ 

input: { 
    flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: 150 
} 

Answer 1

Ho avuto lo stesso problema, ma le note precedenti (anche se azzeccate e utili quando pubblicate un anno fa) non lo risolvevano. C'è una proprietà di stile solo Android textAlignVertical che risolve questo problema su input multilinea per me.

cioè textAlignVertical: 'top'

Answer 2

Aggiornamento 2015- 07-03: gli ingressi di testo multilinea sono state ora fusa:

https://github.com/facebook/react-native/pull/991

Il multiline examples fornito con React Native nell'interfaccia utente Explorer dovrebbe funzionare come documentato.

Il problema è che il TextInput multilinea non funziona ancora correttamente ei documenti sono fuorvianti. Si prega di consultare questo problema Github:

https://github.com/facebook/react-native/issues/279

"Non abbiamo portato tale funzionalità di open source ancora."

C'è un codice in quel numero che fornisce funzionalità multiline minime, quindi potresti essere in grado di farlo funzionare con quello.