Ich möchte schwebende Beschriftungen implementieren, dafür habe ich eine Textkomponente über einem TextInput. Ich möchte alle Berührungsereignisse im Text ignorieren, damit der TextInput darunter alle Ereignisse erhält. Gibt es eine Möglichkeit, dies zu tun? In CSS hatten wir früher keine Zeigerereignisse. Ich bin mir nicht sicher, wie ich das in React Native machen soll.
react-native
Mayank Patel
quelle
quelle
pointer-events: none
für das Element festlegen, durch das die Klicks geleitet werden sollen.Antworten:
In React-Native
pointerEvents
ist eine Requisite , kein Stil.quelle
<View pointerEvents={'none'} />
In
pointerEvents: 'none'
auf dieText
Komponente. Auf diese Weise können Berührungsereignisse an die Vorfahren der Komponente gesendet werden, nicht jedoch an die Komponente selbst oder ihre untergeordneten Komponenten.React Native unterstützt auch
'box-none'
, wodurch Berührungsereignisse an die Vorfahren und untergeordneten Elemente der Komponente gesendet werden können, und schließt nur die Komponente selbst aus.quelle
Text
Komponente zu arbeiten, aber das EinwickelnText
in eineView
und das Platzieren derpointerEvents="none"
Requisite löste es.Ich hatte das gleiche Problem wie Cryszon. Unter Android scheint pointerEvents = "none" für Textkomponenten nicht zu funktionieren.
quelle
pointerEvents funktionieren nur in der Ansicht, nicht in Text oder TouchableOpacity
quelle