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

[NagendrababuM]

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%' }}

[dsreddy1]

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

[janandaraj]

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

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]

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

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