Rezolvat: reacționează componenta nativă în jos în centru

Problema principală este că componenta nativă a reacției din centrul de jos nu este ușor accesibilă.

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>

Ce este Yoga în React Native

React Native este o platformă pentru crearea de aplicații mobile cu React. Yoga este un limbaj de programare care ajută dezvoltatorii să creeze interfețe și aplicații cu utilizatorul.

Ce este Flexbox

?

Flexbox este un modul de aspect pentru React Native care facilitează crearea de machete flexibile și receptive. Vă permite să specificați ce componente trebuie întinse și care ar trebui să fie comprimate și oferă o varietate de opțiuni pentru controlul modului în care este randat aspectul.

Postări asemănatoare:

Lăsați un comentariu