Selesai: bertindak balas komponen asli di tengah bawah

Masalah utama ialah komponen asli bertindak balas di bahagian 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>

Apakah itu Yoga dalam React Native

React Native ialah platform untuk membina apl mudah alih dengan React. Yoga ialah bahasa pengaturcaraan yang membantu pembangun mencipta antara muka dan aplikasi pengguna.

Apa itu Flexbox

?

Flexbox ialah modul reka letak untuk React Native yang memudahkan untuk membuat reka letak yang fleksibel dan responsif. Ia membolehkan anda untuk menentukan komponen mana yang harus diregangkan dan yang harus dimampatkan, dan ia menyediakan pelbagai pilihan untuk mengawal cara reka letak diberikan.