Vyriešené: reagovať natívny komponent v strede dole

Hlavným problémom je, že natívny komponent reakcie v strede dole nie je ľahko dostupný.

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>

Čo je jóga v React Native

React Native je platforma na vytváranie mobilných aplikácií s Reactom. Jóga je programovací jazyk, ktorý pomáha vývojárom vytvárať používateľské rozhrania a aplikácie.

Čo je Flexbox

?

Flexbox je modul rozloženia pre React Native, ktorý uľahčuje vytváranie flexibilných a citlivých rozložení. Umožňuje vám určiť, ktoré komponenty sa majú natiahnuť a ktoré komprimovať, a poskytuje množstvo možností na ovládanie spôsobu vykreslenia rozloženia.

Súvisiace príspevky:

Pridať komentár