如何避免在scroll React native上按下按钮

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

const App = () => {
  return (
    <ScrollView>
      <TouchableWithoutFeedback onPress={() => console.log('Button pressed')}>
        <View style={{ padding: 20, backgroundColor: 'lightblue' }}>
          <Text>Press Me</Text>
        </View>
      </TouchableWithoutFeedback>
    </ScrollView>
  );
};

export default App;

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

const App = () => {
  return (
    <ScrollView>
      <TouchableOpacity
        style={{ padding: 20, backgroundColor: 'lightblue' }}
        onStartShouldSetResponder={() => true}
        onPress={() => console.log('Button pressed')}
      >
        <Text>Press Me</Text>
      </TouchableOpacity>
    </ScrollView>
  );
};

export default App;

import React from 'react';
import { ScrollView, View, Text, TouchableOpacity, KeyboardAvoidingView, Platform } from 'react-native';

const App = () => {
  return (
    <KeyboardAvoidingView
      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
      style={{ flex: 1 }}
    >
      <ScrollView>
        <TouchableOpacity
          style={{ padding: 20, backgroundColor: 'lightblue' }}
          onPress={() => console.log('Button pressed')}
        >
          <Text>Press Me</Text>
        </TouchableOpacity>
      </ScrollView>
    </KeyboardAvoidingView>
  );
};

export default App;