React-Native: как передать сенсорные события на слой под ScrollView - PullRequest
0 голосов
/ 17 февраля 2019

Я пытаюсь повторить эффект, показанный в этом видео: https://youtu.be/V8maYc4R2G0?t=825 Показано в 13:45

Как передать события касания через элемент ScrollView на карту?

Пожалуйста, посмотрите на код, который отлично работает, за исключением того, что события касания в прозрачном элементе перехвачены ScrollView.

import React from 'react';
import { StyleSheet, Text, View, ScrollView, Dimensions } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.outerContainer}>
        <View style={styles.container}>
        <ScrollView contentContainerStyle={styles.contentContainer} stickyHeaderIndices={[1]}>
        <Text style={styles.transparent}>
        </Text>
        <Text>
          Pull here!
        </Text>
        <Text>
          Hello
        </Text>
        <Text>
          Hello
        </Text>
        <Text>
          Hello
        </Text>
        <Text>
          Hello
        </Text>
        </ScrollView>
        </View>
      </View>
    );
  }
}

var width = Dimensions.get('window').width; //full width
var height = Dimensions.get('window').height; //full height

const styles = StyleSheet.create({
  container: {
    height: height/2,
    position: "absolute",
    bottom: 0,
    backgroundColor: '#fff',
  },
  outerContainer: {
    height: height
  },
  contentContainer: {
    width: width,

  },
  transparent: {
    backgroundColor: 'rgba(255, 255, 255, 0)',
    height: height/2-15
  }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...