Pagrindinė problema, susijusi su vertikalaus išlygiavimo centro reakcija, yra ta, kad tai gali sukelti slinkimo problemų. Kai vartotojas slenka puslapiu žemyn, ekrano centre esantis turinys judės žemyn kartu su juo, bet ekrano šonuose esantis turinys liks nejudantis. Tai gali būti problema, jei norite, kad vartotojai galėtų matyti visą jūsų turinį vienu metu.
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.
„React Native“ nėra integruoto būdo vertikaliai išlygiuoti rodinį. Tačiau galite naudoti stiliaus ypatybę „transform“ su reikšme „translateY(50%)“, norėdami vertikaliai centruoti vaizdą.
Vertikalus teksto lygiavimas react savajame faile (naudojant savąją bazę)
Vertikalus teksto lygiavimas valdomas ypatybe TextAlign. Yra trys galimos vertės:
į kairę
centras
teisė
Įdėtas tekstas
Programoje „React Native“ įdėtas tekstas yra funkcija, leidžianti sukurti teksto lauką, kuriame gali būti kitų teksto laukų. Tai naudinga, jei norite sukurti formą, kurioje yra keli laukai, ir norite, kad laukai būtų tvarkingi.
Norėdami naudoti įdėtą tekstą „React Native“ programoje, pirmiausia sukurkite naują „TextField“ komponentą. Tada pridėkite šį kodą prie konstruktoriaus:
this.state = {};
Tai inicijuos teksto lauko būseną, kad jame būtų tuščia eilutė. Tada pridėkite šį kodą prie onChange tvarkyklės:
this.setState({tekstas: this.state.text});
Tai atnaujins teksto lauko būseną su bet kokia šiuo metu jame esančia reikšme. Galiausiai pridėkite naują TextField komponentą po pirminiu ir nurodykite, kad jis turėtų būti naudojamas kaip antrinis laukas:
