Löst: reagera inbyggd komponent längst ner i mitten

Huvudproblemet är att den naturliga reagerande komponenten längst ner i mitten inte är lättillgänglig.

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>

Vad är Yoga in React Native

React Native är en plattform för att bygga mobilappar med React. Yoga är ett programmeringsspråk som hjälper utvecklare att skapa användargränssnitt och applikationer.

Vad är Flexbox

?

Flexbox är en layoutmodul för React Native som gör det enkelt att skapa flexibla och responsiva layouter. Det låter dig specificera vilka komponenter som ska sträckas ut och vilka som ska komprimeras, och det ger en mängd olika alternativ för att styra hur layouten renderas.