Galvenā problēma, kas saistīta ar vertikālās izlīdzināšanas centra reakcijas sākotnējo skatu, ir tā, ka tas var izraisīt ritināšanas problēmas. Kad lietotājs ritina lapu uz leju, saturs ekrāna centrā tiks pārvietots uz leju kopā ar viņu, bet saturs ekrāna malās paliks nekustīgs. Tā var būt problēma, ja vēlaties, lai lietotāji varētu redzēt visu jūsu saturu vienlaikus.
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.
Pakalpojumā React Native nav iebūvēts veids, kā vertikāli izlīdzināt skatu. Tomēr varat izmantot stila rekvizītu “transform” ar vērtību “translateY(50%)”, lai vertikāli centrētu skatu.
Teksta vertikālā līdzināšana react native (izmantojot vietējo bāzi)
Vertikālo līdzinājumu tekstā kontrolē rekvizīts TextAlign. Ir trīs iespējamās vērtības:
kreisais
centrs
tiesības
Ligzdots teksts
Programmā React Native ligzdots teksts ir līdzeklis, kas ļauj izveidot teksta lauku, kurā var būt citi teksta lauki. Tas ir noderīgi, ja vēlaties izveidot veidlapu, kurā ir vairāki lauki, un vēlaties saglabāt laukus sakārtotus.
Lai lietotnē React Native izmantotu ligzdotu tekstu, vispirms izveidojiet jaunu TextField komponentu. Pēc tam konstruktoram pievienojiet šādu kodu:
this.state = {};
Tas inicializēs teksta lauka stāvokli, lai tajā būtu tukša virkne. Pēc tam pievienojiet šādu kodu onChange apstrādātājam:
this.setState({teksts: this.state.text});
Tas atjauninās teksta lauka stāvokli ar tajā esošo vērtību. Visbeidzot pievienojiet jaunu TextField komponentu zem sākotnējā un norādiet, ka tas jāizmanto kā pakārtotais lauks:
