แก้ไขแล้ว: ตอบสนองส่วนประกอบดั้งเดิมที่กึ่งกลางด้านล่าง

ปัญหาหลักคือองค์ประกอบพื้นเมืองตอบสนองที่ด้านล่างตรงกลางไม่สามารถเข้าถึงได้ง่าย

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>

โยคะใน React Native คืออะไร

React Native เป็นแพลตฟอร์มสำหรับสร้างแอปมือถือด้วย React Yoga เป็นภาษาโปรแกรมที่ช่วยให้นักพัฒนาสร้างส่วนต่อประสานกับผู้ใช้และแอพพลิเคชั่น

Flexbox คืออะไร

?

Flexbox เป็นโมดูลเค้าโครงสำหรับ React Native ที่ทำให้ง่ายต่อการสร้างเค้าโครงที่ยืดหยุ่นและตอบสนอง อนุญาตให้คุณระบุส่วนประกอบที่ควรยืดและควรบีบอัด และมีตัวเลือกที่หลากหลายสำหรับการควบคุมวิธีการแสดงเค้าโครง

กระทู้ที่เกี่ยวข้อง:

แสดงความคิดเห็น