Я пытаюсь повторить эффект, показанный в этом видео: 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
}
});