Có cách nào để tôi có thể bỏ qua các sự kiện chạm trên Văn bản trong React Native không?

Question

Tôi muốn triển khai các nhãn nổi, vì điều này tôi có một Thành phần văn bản phía trên một TextInput. Tôi muốn bỏ qua tất cả các sự kiện liên lạc trên Text để TextInput Under nó nhận được tất cả các sự kiện. Có cách nào tôi có thể làm điều này? Trong CSS, chúng tôi đã sử dụng để không có sự kiện con trỏ, tôi không chắc chắn làm thế nào để làm điều này trong phản ứng bản địa.

Answer 1

Thêm pointerEvents: 'none' vào thành phần Text. Điều này cho phép các sự kiện chạm đến tổ tiên của thành phần, nhưng không phải là thành phần của chính nó hoặc con của nó.

React Native cũng hỗ trợ 'box-none', cho phép các sự kiện chạm tới tổ tiên và con của thành phần và chỉ loại trừ chính thành phần đó.

Answer 2

Trong phản ứng gốc, pointerEvents is a prop, không phải là kiểu.

<View pointerEvents="none" /> 

Answer 3

Tôi gặp vấn đề tương tự như Cryszon. Trên Android có vẻ như pointerEvents = "none" không hoạt động đối với các thành phần Text.

Bao gói văn bản trong chế độ xem và đặt con trỏEvents = "none" prop ở đó giải quyết.