Risolto: reagire al componente nativo in basso al centro

Il problema principale è che il componente nativo di reazione in basso al centro non è facilmente accessibile.

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>

Cos'è lo Yoga in React Native

React Native è una piattaforma per la creazione di app mobili con React. Yoga è un linguaggio di programmazione che aiuta gli sviluppatori a creare interfacce utente e applicazioni.

Cos'è FlexBox

?

Flexbox è un modulo di layout per React Native che semplifica la creazione di layout flessibili e reattivi. Ti consente di specificare quali componenti devono essere allungati e quali devono essere compressi e fornisce una varietà di opzioni per controllare come viene reso il layout.

Related posts:

Lascia un tuo commento