Opgelost: native component reageren midden onderaan

Het grootste probleem is dat de reactieve component onderaan in het midden niet gemakkelijk toegankelijk is.

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>

Wat is yoga in React Native

React Native is een platform voor het bouwen van mobiele apps met React. Yoga is een programmeertaal die ontwikkelaars helpt bij het maken van gebruikersinterfaces en applicaties.

Wat is Flexbox

?

Flexbox is een lay-outmodule voor React Native waarmee u eenvoudig flexibele en responsieve lay-outs kunt maken. Hiermee kunt u specificeren welke componenten moeten worden uitgerekt en welke moeten worden gecomprimeerd, en het biedt een verscheidenheid aan opties om te bepalen hoe de lay-out wordt weergegeven.