Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TouchableOpacity/Highlight doesn't work inside a <View> that has alignItems specified #26033

Closed
bobber205 opened this issue Aug 12, 2019 · 2 comments
Labels
Bug Component: TouchableOpacity Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@bobber205
Copy link

I have a spot in my app where I load a image that takes up a big portion of the screen. I have a container view that "reserves" the height to prevent any weird flash while I load the needed data to determine which image to show.

I recently got a request to add a click event to this image. I did what is recommended and wrapped it an TouchableHighlight. Suddenly nothing was being displayed.

Here's a canned example of what I am trying to do.

https://snack.expo.io/@bobber205/sadistic-graham-crackers

This is only reproducible in .60.x

Summary: TouchableOpacity/Highlight doesn't work as a single child in View that has alignItems specified.

React Native version:

System:
OS: macOS 10.14.5
CPU: (4) x64 Intel(R) Core(TM) i5-5287U CPU @ 2.90GHz
Memory: 38.50 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.16.0 - /var/folders/11/4dsnq9p12xx9s0lt7l20fbfh0000gq/T/yarn--1565646402997-0.5608007320607651/node
Yarn: 1.17.3 - /var/folders/11/4dsnq9p12xx9s0lt7l20fbfh0000gq/T/yarn--1565646402997-0.5608007320607651/yarn
npm: 6.9.0 - ~/.nvm/versions/node/v10.16.0/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
Android SDK:
API Levels: 26, 27, 28
Build Tools: 26.0.2, 27.0.3, 28.0.3
System Images: android-27 | Google APIs Intel x86 Atom, android-27 | Google Play Intel x86 Atom, android-28 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.3 AI-182.5107.16.33.5314842
Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
npmPackages:
@react-native-community/cli: ^2.7.0 => 2.8.3
react: 16.8.6 => 16.8.6
react-native: 0.60.4 => 0.60.4

@stale
Copy link

stale bot commented Nov 10, 2019

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Nov 10, 2019
@stale
Copy link

stale bot commented Nov 17, 2019

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Nov 17, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Nov 18, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Component: TouchableOpacity Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

2 participants