Glavni problem vezan za apsolutni centar native pozicije reakcije je to što može biti teško odrediti apsolutni centar React Native aplikacije. Ovo može biti problematično ako trebate koristiti ove informacije za izvođenje proračuna ili crtanja izgleda.
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;
Ovaj kod uvozi React i React Native biblioteke. Klasa App nasljeđuje klasu Component, a metoda renderiranja vraća pogled sa "Hello World!" poruka. Klasa App se izvozi tako da se može koristiti u drugim datotekama.
Poravnaj Apsolutni pozicionirani pogled na lijevo/desno središte
Ne postoji konkretan odgovor na ovo pitanje jer zavisi od konkretnog slučaja upotrebe. Općenito, poravnavanje apsolutno pozicioniranog pogleda prema lijevom ili desnom centru može se obaviti korištenjem svojstva alignToCenter.
flex box
U React Native-u, Flexbox je layout kontejner koji vam omogućava da kreirate fleksibilna i prilagodljiva korisnička sučelja. Radi na istim principima kao i CSS flexbox, ali je optimizovan za upotrebu u React Native-u.
Da biste koristili Flexbox u vašoj React Native aplikaciji, prvo morate uključiti flex-packager modul. Zatim možete koristiti svojstvo flexbox da odredite kako bi se vaša aplikacija trebala ponašati kada je prikazana na uređaju s manjom ili većom veličinom ekrana:
import { FlexBox } iz 'react-native'; const App = () => (
Ako želite potpuno onemogućiti Flexbox, možete koristiti svojstvo no-flex:
import { FlexBox } iz 'react-native'; const App = () => (
