Reactnative 如何在 Text ReactNative 中包含 TouchableOpacity

您可以嵌套文本元素，并 for each 要使其可按的嵌套文本元素(链接)分配onPress处理程序.

见下文.有一个外部文本元素，内部是另一个文本元素，子文本元素有一个onPress处理程序，如果你运行这个，你会看到"但是这是！"在按下onPress处理程序时执行它，不需要touch *元素.

<Text style={{color: '#000'}}> 
     This part is not clickable 
     <Text onPress={() =>
           {alert('but this is');}}
           style={{color: '#00F'}}>
     But this is!
     </Text> 
     but this isn't
</Text>

您可以创建一个样式，将其放置在具有/a onPress处理程序的任何文本元素上，以使它们具有不同的 colored颜色 ，如示例图像中所示.

注意，这很像HTML，例如，你可以在p元素中嵌套锚标记；

<p>
    This part is not clickable 
    <a href="https://google.com"> but this is</a>
    but this isn't
</p>

在你的例子中，是这样的(未经测试):

<Text style={{color: colors.black,
              fontSize: 12,
              fontWeight: 'normal', 
              marginTop: 10,
              lineHeight: 18}}>
        {strings.loginPrivacyTermsCondOne} 
        <Text style={{color: colors.primaryColor,
                      fontSize: 12,
                      fontWeight: 'normal',}}>
          {strings.loginPrivacyTermsCondTwo}
        </Text>
          {strings.loginPrivacyTermsCondThree} 
        <Text style={{color: colors.primaryColor, 
                      fontSize: 12,
                      fontWeight: 'normal'}}>
          {strings.loginPrivacyTermsCondFour}
        </Text>

          <Text onPress={ this.termsOfService } 
                style={{color: colors.primaryColor,
                        fontSize: 12, 
                        fontWeight: 'normal'}}>
              {strings.loginPrivacyTermsCondFour}
          </Text> 
      </Text>

为了回应你的 comments ，这里有一个在点击链接后改变 colored颜色 的例子.

简而言之，我在state上添加了一个布尔字段，一旦文本被按下，我会将该state变量更新为true，然后文本元素的style值有一个三元运算符，它决定文本的渲染 colored颜色 ，在我的示例中，它将显示为"colors".如果尚未按下primaryColor，则为"红色"，单击后为"红色".

class Foo extends Component {

    constructor (props) {
        super(props);

        this.state = {
            privacyClicked: false //Track if they have clicked privacy
        };
    }

    render () {

        return (
             <Text onPress={ () =>{
    this.setState({
        privacyClicked: true
    });
}} style={{color: (this.state.privacyClicked ? colors.primaryColor : 'red'), 
           fontSize: 12,
           fontWeight: 'normal'}}>
    {strings.loginPrivacyTermsCondFour}
</Text> 
        );
    }
}

PS，示例文本的格式设置不是很好.