Løst: Reager native komponent nederst i midten

Hovedproblemet er, at den reagerende native-komponent nederst i midten ikke er let tilgængelig.

I'm trying to create a component at the bottom center of the screen in React Native. I've tried using <code>absolute</code> and <code>relative</code> positioning, but nothing seems to work. Here's my code:
<code>&lt;View style={{position: 'absolute', bottom: 0, alignItems: 'center'}}&gt;
  &lt;Text&gt;This is my component!&lt;/Text&gt;
&lt;/View&gt;
</code>


A:

You can use <code>flexDirection:'row'</code>,<code>justifyContent:'center'</code>,<code>alignItems:'flex-end'</code>. 

<View style={{flexDirection:'row',justifyContent:'center',alignItems:'flex-end'}}>
<Text>This is my component!</Text>
</View>

Hvad er Yoga in React Native

React Native er en platform til at bygge mobile apps med React. Yoga er et programmeringssprog, der hjælper udviklere med at skabe brugergrænseflader og applikationer.

Hvad er Flexbox

?

Flexbox er et layoutmodul til React Native, der gør det nemt at skabe fleksible og responsive layouts. Det giver dig mulighed for at specificere, hvilke komponenter der skal strækkes, og hvilke der skal komprimeres, og det giver en række muligheder for at kontrollere, hvordan layoutet gengives.

Relaterede indlæg:

Efterlad en kommentar