Het grootste probleem met betrekking tot de native weergave van het verticale uitlijningscentrum is dat dit scrolproblemen kan veroorzaken. Wanneer een gebruiker een pagina naar beneden scrolt, beweegt de inhoud in het midden van het scherm met hem mee naar beneden, maar de inhoud aan de zijkanten van het scherm blijft stationair. Dit kan een probleem zijn als u wilt dat gebruikers al uw inhoud in één keer kunnen zien.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
Er is geen ingebouwde manier om een weergave verticaal uit te lijnen in React Native. U kunt echter de stijleigenschap "transform" met de waarde "translateY(50%)" gebruiken om een weergave verticaal te centreren.
Tekst verticaal uitlijnen in native reageren (met behulp van nativebase)
Verticale uitlijning in tekst wordt bepaald door de eigenschap TextAlign. Er zijn drie mogelijke waarden:
links
centrum
rechts
Geneste tekst
In React Native is geneste tekst een functie waarmee u een tekstveld kunt maken dat andere tekstvelden kan bevatten. Dit is handig als u een formulier met meerdere velden wilt maken en u de velden georganiseerd wilt houden.
Om geneste tekst in uw React Native-app te gebruiken, maakt u eerst een nieuwe TextField-component. Voeg vervolgens de volgende code toe aan de constructor:
deze.staat = {};
Dit initialiseert de status van het tekstveld zodat het een lege string bevat. Voeg vervolgens de volgende code toe aan de onChange-handler:
deze.setState({tekst: deze.staat.tekst});
Hiermee wordt de status van het tekstveld bijgewerkt met de waarde die er momenteel in staat. Voeg ten slotte een nieuwe component TextField toe onder uw oorspronkelijke component en specificeer dat deze moet worden gebruikt als het onderliggende veld:
