charliesbot/react-native-media-controls

Touchableopacity not working with custom button's beside play/pause button iOS only

NagendrababuM opened this issue · 5 comments

NagendrababuM commented

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 commented

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

janandaraj commented

@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 commented

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 commented

@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 commented

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