Solucionat: reacciona el component natiu a la part inferior central

Darrera actualització: 09/11/2023
Autor: JavaScript SourceTrail

El principal problema és que el component natiu de reacció a la part inferior central no és fàcilment 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è és el ioga a React Native

React Native és una plataforma per crear aplicacions mòbils amb React. Ioga és un llenguatge de programació que ajuda els desenvolupadors a crear interfícies d'usuari i aplicacions.

Què és Flexbox

?

Flexbox és un mòdul de disseny per a React Native que facilita la creació de dissenys flexibles i sensibles. Us permet especificar quins components s'han d'estirar i quins s'han de comprimir, i ofereix una varietat d'opcions per controlar com es representa el disseny.

Articles Relacionats: