Galvenā problēma, kas saistīta ar react native position absolūto centru, ir tā, ka var būt grūti noteikt React Native lietojumprogrammas absolūto centru. Tas var būt problemātiski, ja šī informācija ir jāizmanto, lai veiktu aprēķinus vai zīmētu izkārtojumus.
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;
Šis kods importē React un React Native bibliotēkas. Lietotņu klase tiek mantota no komponentu klases, un renderēšanas metode atgriež skatu ar “Sveika pasaule!” ziņa. Lietotņu klase tiek eksportēta, lai to varētu izmantot citos failos.
Līdzināt absolūto pozicionēto skatu pa kreisi/pa labi centrā
Uz šo jautājumu nav konkrētas atbildes, jo tā ir atkarīga no konkrētā lietošanas gadījuma. Kopumā absolūtā pozicionētā skata līdzināšanu pa kreisi vai pa labi var veikt, izmantojot rekvizītu alignToCenter.
Flexbox
Programmā React Native Flexbox ir izkārtojuma konteiners, kas ļauj izveidot elastīgas un adaptīvas lietotāja saskarnes. Tas darbojas ar tādiem pašiem principiem kā CSS flexbox, taču tas ir optimizēts lietošanai React Native.
Lai savā React Native lietotnē izmantotu Flexbox, vispirms ir jāiekļauj modulis flex-packer. Pēc tam varat izmantot rekvizītu flexbox, lai norādītu, kā jūsu lietotnei jādarbojas, kad tā tiek rādīta ierīcē ar mazāku vai lielāku ekrāna izmēru.
importēt { FlexBox } no 'react-native'; const App = () => (
Ja vēlaties pilnībā atspējot Flexbox, varat izmantot rekvizītu no-flex:
importēt { FlexBox } no 'react-native'; const App = () => (
