У меня есть настраиваемый компонент заголовка dorpdown, который работает должным образом на устройствах ios, однако на android, когда заголовок был развернут, и я пытаюсь щелкнуть любое из его содержимого, событие щелчка происходит на содержимом из страницу за развернутым заголовком. Я добавил атрибут pointerEvents
к представлениям, которые обертывают заголовок и содержимое страницы, из-за чего это содержимое перестало быть интерактивным при раскрытии заголовка, однако теперь я не могу щелкнуть содержимое в развернутом заголовке. Я хотел бы, чтобы содержимое раскрывающегося списка было доступно для клика по android (они доступны для ios, но не для android).
Это моя реализация
this.props.context.screenDimensions.height <
this.props.context.screenDimensions.width && (
<View pointerEvents="auto">
<HeaderBar {...this.props } />
</View>
)}
<View style={{ marginTop }} pointerEvents={this.props.context.isHeaderExpanded ? 'none' : 'box-none'}>{this.props.children}</View>```