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 not working with custom button's beside play/pause button iOS only #89

Open
NagendrababuM opened this issue Oct 13, 2022 · 5 comments

Comments

@NagendrababuM
Copy link

NagendrababuM commented Oct 13, 2022

I have an issue with my custom button that plays the 10sec forward and 10 sec backward video, if I remove the marginTop from its style it works fine but if I align it with the play/pause button using marginTop then Touchableopacity onPress stop working in IOS only it working fine in Android.
React native version: 0.63
IOS version: 15
iPhone 11

check the screenshot there are two custom buttons one is 10sec forward button and one is 10sec backward button

style={{ flexDirection: 'row',
paddingHorizontal: 5,
justifyContent: 'space-evenly',
alignItems: 'center',
alignContent: 'center',
marginTop: '28%' }}

Screenshot 2022-10-13 at 12 52 32 PM

@dsreddy1
Copy link

Yes, I am also getting same issue . please provide the solution

@janandaraj
Copy link

@dsreddy1 @NagendrababuM
just remove styles.controlsRow from react-native-media-controls.cjs.development.js in react-native-media-controls package module and use patch for persist solution.

@NagendrababuM
Copy link
Author

just remove styles.controlsRow from react-native-media-controls.cjs.development.js in react-native-media-controls package module and use patch for persist solution.

Thanks @janandaraj , how to use patch for persist solution for react-native-media-controls,
Can you please share command for this.

@janandaraj
Copy link

janandaraj commented Oct 17, 2022

@NagendrababuM
After modifying package follow steps provided here
https://anu-thomas.medium.com/patch-package-in-react-native-c7786a15e279
replace “package-name” with “react-native-media-controls”

@viettranbhtech
Copy link

viettranbhtech commented Dec 23, 2022

Hi @janandaraj , I tried your solution but it did not work. I removed styles.controlsRow but nothing changed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants