Skip to content

Touchables not working in react native ios in iphone 6, 6s, 7, 7 plus #37214

@nkutechologies

Description

@nkutechologies

Description

I'm trying to implement react native touchable in an ios project (working as expected on android). And no matter what I use Touchableopacity, Touchablehighlight or pressable there is no touch response. The touch responds sometimes (not sure what area it is) but it works after tapping 10 to 12 times on different regions around the touchable. This issue only arises on iPhone 7 plus and lower, Working fine on newer models. I've tried using hitslop and padding but there is no difference. Has anyone else encountered this issue.

React Native Version

0.70.6

Output of npx react-native info

OS: macOS 13.1
CPU: (8) arm64 Apple M1
Memory: 227.17 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 19.7.0 - /opt/homebrew/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 9.5.0 - /opt/homebrew/bin/npm
Watchman: 2023.03.06.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.12.0 - /Users/mubashar/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms: DriverKit 22.4, iOS 16.4, macOS 13.3, tvOS 16.4, watchOS 9.4
Android SDK: Not Found
IDEs:
Android Studio: 2021.3 AI-213.7172.25.2113.9123335
Xcode: 14.3/14E222b - /usr/bin/xcodebuild
Languages:
Java: 19.0.1 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.1.0 => 18.1.0
react-native: 0.70.6 => 0.70.6
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

just run npx react-native init testproject then cd testproject && npx react-native run-ios

Snack, code example, screenshot, or link to a repository

Simulator.Screen.Recording.-.iPhone.7.-.2023-05-03.at.11.25.30.mp4

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions