Résolu : réagir le composant natif en bas au centre

Le principal problème est que le composant natif de réaction en bas au centre n'est pas facilement accessible.

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>

Qu'est-ce que le yoga dans React Native

React Native est une plate-forme pour créer des applications mobiles avec React. Yoga est un langage de programmation qui aide les développeurs à créer des interfaces utilisateur et des applications.

Qu'est-ce que Flexbox

?

Flexbox est un module de mise en page pour React Native qui facilite la création de mises en page flexibles et réactives. Il vous permet de spécifier quels composants doivent être étirés et lesquels doivent être compressés, et il fournit une variété d'options pour contrôler la façon dont la mise en page est rendue.

Articles connexes

Laisser un commentaire