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

[Android] overflow not work with TouchOpacity #26099

Closed
ducNgbk opened this issue Aug 19, 2019 · 3 comments
Closed

[Android] overflow not work with TouchOpacity #26099

ducNgbk opened this issue Aug 19, 2019 · 3 comments
Labels
Bug Flow Platform: Android Android applications. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@ducNgbk
Copy link

ducNgbk commented Aug 19, 2019

Hi, I am creating an absolute button (the blue one), from a parent (the red one)

Screenshot_1566186519

The button displays fine on both iOS and Android. iOS works fine.
However, the touch area out side the parent view is not work on Android, I can only touch on the white area

Screenshot_1566186519

React Native version:

System:
    OS: macOS 10.14.6
    CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz
    Memory: 85.39 MB / 16.00 GB
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 10.16.2 - ~/.nvm/versions/node/v10.16.2/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.9.0 - ~/.nvm/versions/node/v10.16.2/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.0
      System Images: android-28 | Google APIs Intel x86 Atom, android-28 | Google Play Intel x86 Atom
  IDEs:
    Android Studio: 3.4 AI-183.6156.11.34.5522156
    Xcode: 10.3/10G8 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0
    react-native: 0.60.5 => 0.60.5

Steps To Reproduce

Please check with this simple code

<View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
   <View style={{height: '70%', width: '70%', backgroundColor: 'red'}}>
          <TouchableOpacity
              onPress={() => Alert.alert('Press')}
              style={{
                  position: 'absolute',
                  top: -40,
                  right: -40,
                  width: 80,
                  height: 80,
                  justifyContent: 'center',
                  alignItems: 'center',
                  backgroundColor: 'blue',
              }}>
                <Text>X</Text>
         </TouchableOpacity>
   </View>
</View>

@ducNgbk ducNgbk added the Bug label Aug 19, 2019
@react-native-bot react-native-bot added Flow Platform: Android Android applications. labels Aug 19, 2019
@mi-mazouz
Copy link

mi-mazouz commented Sep 19, 2019

Having the same issue! it's very frustrating...

@stale
Copy link

stale bot commented Dec 19, 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 Dec 19, 2019
@stale
Copy link

stale bot commented Dec 26, 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 Dec 26, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Dec 27, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Flow Platform: Android Android applications. 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

3 participants