Resuelto: reaccionar componente nativo en el centro inferior

El principal problema es que el componente nativo de reacción en la parte inferior central no es fácilmente accesible.

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é es Yoga en React Native?

React Native es una plataforma para crear aplicaciones móviles con React. Yoga es un lenguaje de programación que ayuda a los desarrolladores a crear interfaces de usuario y aplicaciones.

¿Qué es FlexBox?

?

Flexbox es un módulo de diseño para React Native que facilita la creación de diseños flexibles y receptivos. Le permite especificar qué componentes se deben estirar y cuáles se deben comprimir, y proporciona una variedad de opciones para controlar cómo se representa el diseño.

Artículos Relacionados:

Deja un comentario