Android Only: Slider inside a ScrollView

[anshul-kai]

Environment

Description

Slider doesn't work when embedded inside a ScrollView. No issues on iOS but on Android only taps respond.

Reproducible Demo

import React from 'react';
import type {Node} from 'react';
import {
  SafeAreaView,
  ScrollView,
  View,
  Dimensions
} from 'react-native';
import Slider from '@react-native-community/slider';

const Volume = ({children, title}): Node => {
  return (
    <Slider
    style={{width: 200, height: 40}}
    minimumValue={0}
    maximumValue={1}
    minimumTrackTintColor="#FFFFFF"
    maximumTrackTintColor="#000000"
  />
  );
};

const App: () => Node = () => {
  const width = Dimensions.get('window').width;
  const slideStyle = { width, justifyContent: 'center', alignItems: 'center'}
  return (
    <SafeAreaView style={{ flex: 1 } }>
      <ScrollView horizontal pagingEnabled removeClippedSubviews={false}>
        <View style={{backgroundColor: 'red', ...slideStyle}}><Volume /></View>
        <View style={{backgroundColor: 'blue', width, ...slideStyle}}><Volume /></View>
        <View style={{backgroundColor: 'green', width, ...slideStyle}}><Volume /></View>
      </ScrollView>
    </SafeAreaView>
  );
};

export default App;

[BartoszKlonowski]

This is the same issue as reported in #296.
I will close this one as a duplicate.