react-native - 将 onPress 函数绑定(bind)到 View

Question

我想将 onPress 事件绑定(bind)到 TextView 的一部分，而不使用 TouchableOpacity 或 TouchableHighlight，因为它们会用新行中断文本。

有没有办法将其直接绑定(bind)到React-native中的Text元素？

Answer 1

import React,{Component} from 'react';
import { View, Text, Alert} from 'react-native';

export default class SliderContainer extends Component {
  
  render() {
    return (
      <View style={{marginTop: 50}}>
       <Text>
        {`TextPartOne
        `}
        <Text onPress={() => Alert.alert(
  'Alert Title',
  'My Alert Msg',
  [
    {text: 'Ask me later', onPress: () => console.log('Ask me later pressed')},
    {text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
    {text: 'OK', onPress: () => console.log('OK Pressed')},
  ],
  { cancelable: false }
)}>
            {`Nested text to press`}
        </Text>
        {`
        TextPartTwo`}
    </Text>
      </View>
    );
  }
}

你可以尝试this snack .