Rešeno: izvorna komponenta reagira na sredini spodaj

Glavna težava je, da izvorna komponenta React na sredini spodaj ni enostavno dostopna.

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>

Kaj je joga v React Native

React Native je platforma za izdelavo mobilnih aplikacij z Reactom. Yoga je programski jezik, ki razvijalcem pomaga ustvarjati uporabniške vmesnike in aplikacije.

Kaj je Flexbox

?

Flexbox je modul postavitve za React Native, ki olajša ustvarjanje prilagodljivih in odzivnih postavitev. Omogoča vam, da določite, katere komponente naj bodo raztegnjene in katere stisnjene, ter ponuja različne možnosti za nadzor nad tem, kako je postavitev upodobljena.

Podobni objav:

Pustite komentar