Android refresh control scroll behavior interrupts horizontal scroll view

On Android, when scrolling through horizontal ListView, if you scroll slightly up as well the RefreshControl starts to appear. This is undesirable and does not happen in iOS. When scrolling horizontal normally you cannot scroll up and down at the same time, one shouldn’t be able to activate the refresh control when scrolling horizontally.

To reproduce this behavior, start scrolling left/right then move your finger down as in a refresh. The refresh control will come down and interrupt your horizontal scroll.

• Minimum code sample: https://rnplay.org/apps/T7drbA (or pasted below).
• React Native version is ^0.26.0.
• Occurs only on Android.
• Using a Mac.

Code sample:

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  ListView,
  RefreshControl,
  ScrollView,
} = React;

var SampleApp = React.createClass({
  getInitialState: function() {
    return {
      dataSource: new ListView.DataSource({ rowHasChanged: (a, b) => a !== b })
    }
  },
  render: function() {
    return (
      <ListView
        dataSource={this.state.dataSource.cloneWithRows([1, 2, 3])}
        refreshControl={<RefreshControl refreshing={false}/>}
        renderHeader={() => (
          <ScrollView horizontal>
            <View style={[styles.box, { backgroundColor: 'red' }]}/>
            <View style={[styles.box, { backgroundColor: 'green' }]}/>
            <View style={[styles.box, { backgroundColor: 'blue' }]}/>
          </ScrollView>
        )}
        renderRow={row => <View><Text>{row}</Text></View>}
      />
    );
  }
});

var styles = StyleSheet.create({
  box: {
    width: 200,
    height: 200,
  }
});

AppRegistry.registerComponent('SampleApp', () => SampleApp);

[Kowaio]

Bringing this up again after encountering the problem. Current version used is RN 0.39. Thanks!

[superandrew213]

@calebmer did you come up with a workaround for this?