Đã giải quyết: phản ứng thành phần gốc ở trung tâm dưới cùng

Vấn đề chính là thành phần gốc phản ứng ở trung tâm dưới cùng không dễ truy cập.

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>

Yoga trong React Native là gì

React Native là một nền tảng để xây dựng các ứng dụng di động với React. Yoga là ngôn ngữ lập trình giúp các nhà phát triển tạo giao diện người dùng và ứng dụng.

Flexbox là gì

?

Flexbox là một mô-đun bố cục dành cho React Native giúp dễ dàng tạo các bố cục linh hoạt và đáp ứng. Nó cho phép bạn chỉ định thành phần nào sẽ được kéo dài và thành phần nào sẽ được nén, đồng thời cung cấp nhiều tùy chọn để kiểm soát cách hiển thị bố cục.