Ratkaistu: reagoi alkuperäisen komponentin pohjaan keskellä

Suurin ongelma on, että pohjakeskuksessa oleva reagoiva natiivikomponentti ei ole helposti saavutettavissa.

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>

Mitä jooga on React Nativessa

React Native on alusta mobiilisovellusten rakentamiseen Reactin avulla. Jooga on ohjelmointikieli, joka auttaa kehittäjiä luomaan käyttöliittymiä ja sovelluksia.

Mikä on Flexbox

?

Flexbox on React Nativen asettelumoduuli, jonka avulla on helppo luoda joustavia ja reagoivia asetteluja. Sen avulla voit määrittää, mitä komponentteja tulee venyttää ja mitkä pakata, ja se tarjoaa useita vaihtoehtoja asettelun hahmontamisen ohjaamiseen.