Diselesaikan: bereaksi komponen asli di tengah bawah

Masalah utamanya adalah komponen react native di bagian tengah bawah tidak mudah diakses.

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>

Apa itu Yoga di React Native

React Native adalah platform untuk membangun aplikasi seluler dengan React. Yoga adalah bahasa pemrograman yang membantu pengembang membuat antarmuka pengguna dan aplikasi.

Apa itu Flexbox

?

Flexbox adalah modul tata letak untuk React Native yang memudahkan pembuatan tata letak yang fleksibel dan responsif. Ini memungkinkan Anda untuk menentukan komponen mana yang harus diregangkan dan mana yang harus dikompresi, dan menyediakan berbagai opsi untuk mengontrol bagaimana tata letak dirender.

Pos terkait:

Tinggalkan Komentar