Hlavním problémem souvisejícím s nativním zobrazením reakce na střed vertikálního zarovnání je to, že může způsobit problémy s posouváním. Když uživatel posouvá stránku dolů, obsah ve středu obrazovky se posune dolů s ním, ale obsah po stranách obrazovky zůstane nehybný. To může být problém, pokud chcete, aby uživatelé viděli veškerý váš obsah najednou.
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.
Neexistuje žádný vestavěný způsob vertikálního zarovnání pohledu v React Native. Můžete však použít vlastnost stylu „transform“ s hodnotou „translateY(50 %)“ k vertikálnímu vystředění pohledu.
Vertikální zarovnání textu v nativních reakcích (pomocí nativní báze)
Svislé zarovnání v textu je řízeno vlastností TextAlign. Existují tři možné hodnoty:
vlevo
centrum
přesně
Vnořený text
V React Native je vnořený text funkcí, která umožňuje vytvořit textové pole, které může obsahovat další textová pole. To je užitečné, pokud chcete vytvořit formulář, který má více polí, a chcete mít pole uspořádaná.
Chcete-li použít vnořený text ve své aplikaci React Native, nejprve vytvořte novou komponentu TextField. Poté do konstruktoru přidejte následující kód:
this.state = {};
Tím se inicializuje stav textového pole tak, aby obsahovalo prázdný řetězec. Dále přidejte následující kód do obslužné rutiny onChange:
this.setState({text: this.state.text});
Tím se aktualizuje stav textového pole s jakoukoli hodnotou, která se v něm aktuálně nachází. Nakonec přidejte novou komponentu TextField pod svou původní a určete, že se má použít jako podřízené pole: