Lahendatud: reageerige algkomponendile allosas keskel

Viimane uuendus: 09/11/2023
Autor: JavaScript SourceTrail

Peamine probleem seisneb selles, et alumises keskel olev reageeriv algkomponent pole kergesti ligipääsetav.

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>

Mis on jooga rakenduses React Native

React Native on platvorm mobiilirakenduste loomiseks Reactiga. Jooga on programmeerimiskeel, mis aitab arendajatel luua kasutajaliideseid ja rakendusi.

Mis on Flexbox

?

Flexbox on React Native'i paigutusmoodul, mis muudab paindlike ja tundlike paigutuste loomise lihtsaks. See võimaldab teil määrata, milliseid komponente tuleks venitada ja milliseid tihendada, ning see pakub mitmesuguseid võimalusi paigutuse renderdamise juhtimiseks.

Seonduvad postitused: