Основният проблем, свързан с естествения изглед, реагиращ на централно вертикално подравняване, е, че може да причини проблеми с превъртането. Когато потребител превърти страница надолу, съдържанието в центъра на екрана ще се премести надолу с него, но съдържанието отстрани на екрана ще остане неподвижно. Това може да е проблем, ако искате потребителите да могат да виждат цялото ви съдържание наведнъж.
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. Можете обаче да използвате стиловото свойство „transform“ със стойността „translateY(50%)“, за да центрирате вертикално изглед.
Вертикално подравняване на текст в React Native (с помощта на nativebase)
Вертикалното подравняване в текста се контролира от свойството TextAlign. Има три възможни стойности:
наляво
център
прав
Вложен текст
В React Native вложеният текст е функция, която ви позволява да създадете текстово поле, което може да съдържа други текстови полета. Това е полезно, ако искате да създадете формуляр, който има множество полета, и искате да запазите полетата организирани.
За да използвате вложен текст във вашето приложение React Native, първо създайте нов компонент TextField. След това добавете следния код към конструктора:
this.state = {};
Това ще инициализира състоянието на текстовото поле, така че да съдържа празен низ. След това добавете следния код към манипулатора onChange:
this.setState({text: this.state.text});
Това ще актуализира състоянието на текстовото поле с каквато и да е стойност в момента в него. Накрая добавете нов компонент TextField под оригиналния и посочете, че трябва да се използва като дъщерно поле:
