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 visual feedback broken #29423

Closed
CyrusZei opened this issue Jul 18, 2020 · 1 comment
Closed

TouchableOpacity visual feedback broken #29423

CyrusZei opened this issue Jul 18, 2020 · 1 comment

Comments

@CyrusZei
Copy link

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

version react: "16.13.1",
version react-native: "0.63.1"

I noticed that the visual feedback on TouchableOpacity when tapping does not work at all, but when I press slowly it works. The problem is only visual feedback. The onPress={()=> console.log('Clicked')} code works when I am tapping so it is only the visual feedback that does not work.

React Native version:

System:
    OS: macOS 10.15.4
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 3.24 GB / 32.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 14.1.0 - /usr/local/bin/node
    Yarn: 1.22.4 - ~/.yarn/bin/yarn
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.9.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.6, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
    Android SDK: Not Found
  IDEs:
    Android Studio: 3.6 AI-192.7142.36.36.6241897
    Xcode: 11.6/11E708 - /usr/bin/xcodebuild
  Languages:
    Java: 13.0.2 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1
    react-native: 0.63.1 => 0.63.1
  npmGlobalPackages:
    *react-native*: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. new project
  2. npx react-native init AwesomeTSProject --template react-native-template-typescript
  3. open App.js
  4. add this code
import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';

const App = () => {
	return (
		<View style={{ backgroundColor: '#ff0000', padding: 40 }}>
			<TouchableOpacity style={{ backgroundColor: '#ff00ff', padding: 40 }}>
				<Text>clicke me</Text>
			</TouchableOpacity>
		</View>
	);
};

export default App;

Expected Results

I expect the TouchableOpacity to be responsive to the OnPress so if I tapping it should send me visual feedback that I did tap.

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

Snack URL it should behave like this when you are tapping rapidly.

@CyrusZei
Copy link
Author

#29360 duplicate since this is already addressed, sorry for this

@facebook facebook locked as resolved and limited conversation to collaborators Oct 1, 2021
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Oct 1, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants