Hlavním problémem souvisejícím s absolutním středem nativní pozice reakce je to, že může být obtížné určit absolutní střed aplikace React Native. To může být problematické, pokud potřebujete tyto informace použít k provádění výpočtů nebo kreslení rozvržení.
import React, { Component } from 'react'; import { View, Text } from 'react-native'; class App extends Component { render() { return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text>Hello World!</Text> </View> ); } } export default App;
Tento kód importuje knihovny React a React Native. Třída App dědí z třídy Component a metoda render vrací pohled s nápisem „Ahoj světe!“ zpráva. Třída App je exportována, takže ji lze použít v jiných souborech.
Zarovnat absolutně umístěný pohled na střed vlevo/vpravo
Na tuto otázku neexistuje žádná konkrétní odpověď, protože závisí na konkrétním případu použití. Obecně lze zarovnání absolutně umístěného pohledu doleva nebo doprava na střed provést pomocí vlastnosti alignToCenter.
Flexbox
V React Native je Flexbox kontejner rozložení, který vám umožňuje vytvářet flexibilní a přizpůsobivá uživatelská rozhraní. Funguje na stejných principech jako CSS flexbox, ale je optimalizován pro použití v React Native.
Chcete-li používat Flexbox ve své aplikaci React Native, musíte nejprve zahrnout modul flex-packager. Poté můžete pomocí vlastnosti flexbox určit, jak se má aplikace chovat, když je zobrazena na zařízení s menší nebo větší velikostí obrazovky:
import { FlexBox } z 'react-native'; const App = () => (
Pokud chcete Flexbox úplně zakázat, můžete použít vlastnost no-flex:
import { FlexBox } z 'react-native'; const App = () => (
