Vertikaalse joonduse keskreaktsiooni põhivaatega seotud peamine probleem on see, et see võib põhjustada kerimisega probleeme. Kui kasutaja lehekülge alla kerib, liigub ekraani keskel olev sisu koos temaga alla, kuid ekraani külgedel olev sisu jääb paigale. See võib olla probleem, kui soovite, et kasutajad näeksid kogu teie sisu korraga.
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.
Rakenduses React Native ei ole sisseehitatud võimalust vaate vertikaalseks joondamiseks. Vaate vertikaalseks tsentreerimiseks saate aga kasutada stiili atribuuti „transform” väärtusega „translateY(50%)”.
Teksti vertikaaljoondus reageerimise algses tekstis (kasutades nativebase)
Teksti vertikaalset joondamist juhib atribuut TextAlign. Võimalikke väärtusi on kolm:
lahkus
keskus
õige
Pesastatud tekst
Rakenduses React Native on pesastatud tekst funktsioon, mis võimaldab teil luua tekstivälja, mis võib sisaldada muid tekstivälju. See on kasulik, kui soovite luua vormi, millel on mitu välja, ja soovite hoida väljad korrastatuna.
Pesastatud teksti kasutamiseks oma rakenduses React Native looge esmalt uus tekstivälja komponent. Seejärel lisage konstruktorile järgmine kood:
this.state = {};
See lähtestab tekstivälja oleku nii, et see sisaldab tühja stringi. Järgmisena lisage onChange'i töötlejale järgmine kood:
this.setState({tekst: this.state.text});
See värskendab tekstivälja olekut sellel hetkel oleva väärtusega. Lõpuks lisage oma algse alla uus komponent TextField ja määrake, et seda tuleks kasutada alamväljana:
