ปัญหาหลักที่เกี่ยวข้องกับการจัดตำแหน่งแนวตั้งในมุมมองแบบเนทีฟคืออาจทำให้เกิดปัญหาการเลื่อนได้ เมื่อผู้ใช้เลื่อนหน้าลง เนื้อหาที่อยู่ตรงกลางหน้าจอจะเลื่อนลงไปพร้อมกับพวกเขา แต่เนื้อหาที่อยู่ด้านข้างของหน้าจอจะหยุดนิ่ง นี่อาจเป็นปัญหาหากคุณต้องการให้ผู้ใช้เห็นเนื้อหาทั้งหมดของคุณพร้อมกัน
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
ไม่มีวิธีในตัวในการจัดแนวมุมมองใน React Native อย่างไรก็ตาม คุณสามารถใช้คุณสมบัติสไตล์ "transform" พร้อมค่า "translateY(50%)" เพื่อจัดกึ่งกลางมุมมองในแนวตั้งได้
การจัดแนวข้อความในการตอบสนองแบบเนทีฟ (โดยใช้เนทีฟเบส)
การจัดตำแหน่งแนวตั้งในข้อความถูกควบคุมโดยคุณสมบัติ TextAlign มีสามค่าที่เป็นไปได้:
ซ้าย
ศูนย์
ขวา
ข้อความที่ซ้อนกัน
ใน React Native ข้อความซ้อนเป็นคุณสมบัติที่ช่วยให้คุณสามารถสร้างฟิลด์ข้อความที่สามารถบรรจุฟิลด์ข้อความอื่นได้ สิ่งนี้มีประโยชน์ถ้าคุณต้องการสร้างฟอร์มที่มีหลายฟิลด์ และคุณต้องการจัดระเบียบฟิลด์ต่างๆ
หากต้องการใช้ข้อความที่ซ้อนกันในแอป React Native ให้สร้างองค์ประกอบ TextField ใหม่ก่อน จากนั้นเพิ่มรหัสต่อไปนี้ให้กับตัวสร้าง:
นี้.สถานะ = {};
สิ่งนี้จะเริ่มต้นสถานะของฟิลด์ข้อความเพื่อให้มีสตริงว่าง ถัดไป เพิ่มรหัสต่อไปนี้ไปยังตัวจัดการ onChange:
this.setState({ข้อความ: this.state.text});
สิ่งนี้จะอัปเดตสถานะของช่องข้อความด้วยค่าใดก็ตามที่อยู่ในนั้น สุดท้าย เพิ่มองค์ประกอบ TextField ใหม่ด้านล่างองค์ประกอบเดิมของคุณและระบุว่าควรใช้เป็นฟิลด์ลูก:
