Mi contenedor de vista de desplazamiento nativo de reacción solo se puede tocar en aproximadamente el 30% superior. Normalmente, en una vista de desplazamiento, puede desplazarse desde cualquier lugar en todo el contenedor ScrollView, pero el mío solo reconoce los toques de desplazamiento en la parte superior.

Creé una vista de desplazamiento en react-native que muestra una lista de contenedores de texto presionables dentro de ella.

¿Por qué mi área de destino táctil en mi vista de desplazamiento es tan pequeña?

PD: he probado la mayoría de las combinaciones de pasar style={{flex: 1}}} de los padres.

Aquí está el código y el estilo que estoy usando...

 <View style={styles.pickerContainer}> <ScrollView style={styles.timeIntervalScrollView}> {minuteTimeIntervals.map(timeInterval => { return ( <Pressable onPress={() => handleChange(timeInterval, "minute")} style={styles.timeInterval}> <Text style={styles.inputText}>{timeInterval}</Text> </Pressable> ); })} </ScrollView> </View>

 const styles = StyleSheet.create({ pickerContainer: { height: 250 * size, width: 128 * size, borderWidth: 1, borderColor: "#ECE9E9", }, timeInterval: {marginTop: 24 * size}, inputText: { textAlign: "center", ...Fonts.xsmall, ...Fonts.blackGreen, borderWidth: 1, }, timeIntervalScrollView: { backgroundColor: "white", borderWidth: 1, borderColor: "blue", width: "100%", height: "100%", }, });

Así es como se ve visualmente el componente de vista de desplazamiento... El cuadro rojo punteado representa la única área táctil que me permite desplazarme