Vấn đề chính liên quan đến chế độ xem gốc phản ứng trung tâm căn chỉnh dọc là nó có thể gây ra sự cố cuộn. Khi người dùng cuộn xuống một trang, nội dung ở giữa màn hình sẽ di chuyển xuống cùng với họ, nhưng nội dung ở hai bên màn hình sẽ đứng yên. Đây có thể là một vấn đề nếu bạn muốn người dùng có thể xem tất cả nội dung của bạn cùng một lúc.
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.
Không có cách tích hợp nào để căn chỉnh theo chiều dọc của chế độ xem trong React Native. Tuy nhiên, bạn có thể sử dụng thuộc tính kiểu “transform” với giá trị “translateY(50%)” để căn giữa một chế độ xem theo chiều dọc.
Căn dọc văn bản trong phản ứng gốc (sử dụng cơ sở gốc)
Căn dọc trong văn bản được kiểm soát bởi thuộc tính TextAlign. Có ba giá trị có thể:
trái
Trung tâm
ngay
Văn bản lồng nhau
Trong React Native, văn bản lồng nhau là một tính năng cho phép bạn tạo một trường văn bản có thể chứa các trường văn bản khác. Điều này hữu ích nếu bạn muốn tạo một biểu mẫu có nhiều trường và bạn muốn sắp xếp các trường.
Để sử dụng văn bản lồng nhau trong ứng dụng React Native của bạn, trước tiên hãy tạo một thành phần TextField mới. Sau đó, thêm đoạn mã sau vào hàm tạo:
this.state = {};
Điều này sẽ khởi tạo trạng thái của trường văn bản để nó chứa một chuỗi trống. Tiếp theo, thêm đoạn mã sau vào trình xử lý onChange:
this.setState({văn bản: this.state.text});
Điều này sẽ cập nhật trạng thái của trường văn bản với bất kỳ giá trị nào hiện có trong đó. Cuối cùng, thêm một thành phần TextField mới bên dưới thành phần gốc của bạn và chỉ định rằng nó sẽ được sử dụng làm trường con:
