Текст и осязаемая область текст, не отображаемый в прямой строке

#react-native #text #text-alignment #touchableopacity

Вопрос:

Я пытаюсь вложить некоторую осязаемую область рядом с обычным текстом, однако обычный текст между двумя осязаемыми объектами не отображается в соответствии с осязаемыми текстами. Пожалуйста, объясните, как это исправить.

 <Text style={{fontSize:10,textAlign:'center',}}>By clicking Sign up, you agree to Company's <TouchableOpacity ><Text style={{fontSize:10, color:'blue'}}>Terms of Service</Text></TouchableOpacity> and <TouchableOpacity><Text style={{fontSize:10, color:'blue'}}>Privacy Policy.</Text></TouchableOpacity></Text>  
 

Это выглядит так на физическом устройстве

Ответ №1:

не нужно touchableopacity , потому Text что есть onPress опора.

 <Text style={{fontSize:10,textAlign:'center'}}>

    By clicking Sign up, you agree to Companys 

    <Text 
      onPress={() => alert("Terms of Service is clicked")} 
      style={{fontSize:10, color:'blue'}}>
      Terms of Service
    </Text>

    and

   <Text 
      onPress={() => alert("Privacy Policy is clicked")} 
      style={{fontSize:10, color:'blue'}}>
      Privacy Policy.
   </Text>

</Text>  
 

Комментарии:

1. Спасибо, я действительно имею в виду этот обходной путь. Все еще задаюсь вопросом, почему осязаемая прозрачность не будет совпадать с обычным текстом.