Løst: flyd højre reagere indfødt

Hovedproblemet med at bruge React Native er, at det kan være svært at fejlfinde og fejlfinde problemer. Fordi React Native er en platform-agnostisk udviklingsramme, skal udviklere lære forskellige fejlfindings- og fejlfindingsteknikker for hver enkelt platform, de arbejder på. Derudover er React Native-apps ikke så godt understøttet som native apps, så der kan være færre ressourcer til rådighed til at hjælpe med at fejlfinde eller fejlfinde problemer.

<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
  <Text>Left</Text>
  <Text>Right</Text>
</View>

Den første linje opretter et View-element med en stilattribut. Style-attributten indeholder et objekt med to egenskaber, flexDirection og justifyContent. Værdien af ​​flexDirection er 'row', og værdien af ​​justifyContent er 'space-between'.

Inde i View-elementet er der to tekstelementer. Det første tekstelement har teksten 'Venstre', og det andet tekstelement har teksten 'Højre'.

Sådan får du det til at flyde rigtigt

Der er ikke noget entydigt svar på dette spørgsmål, da den bedste måde at få float til at fungere i React Native vil variere afhængigt af den specifikke app, du bygger. Nogle tips til, hvordan man får float til at fungere i React Native, omfatter dog brug af et flydende gitterlayout og sikring af, at alle elementer er placeret ved hjælp af CSS-positioneringsegenskaber. Derudover kan det være nyttigt at bruge react-native-vektor-ikoner til ikoner og react-native-ripple til animationer.

flyde til venstre

Der er ingen indbygget måde at gøre dette på i React Native. Du kan bruge et bibliotek som react-native-float-left eller bruge en inline-funktion.

Relaterede indlæg:

Efterlad en kommentar