将TouchableOpacity中的文本换行嵌套在文本中

时间:2017-04-22 16:42:24

标签: react-native

onPress组件中包含Text会导致在按下文本时出现一个丑陋的灰色突出显示(一瞬间)。

我希望文本在按下时变得略微透明,而不是灰色高光。这可以通过将Text组件包装在TouchableOpacity中轻松完成。但是,在另一个Text组件中包含此内容则是另一回事。根据{{​​3}}以及TouchableOpacity返回this组件的事实,我必须指定宽度和高度才能完成此操作......而且只能在iOS上使用。< / p>

如何在另一个Text组件中包含一个“可压缩的”Text组件 - 在按下时会发生不透明度更改?

<Text/>
   Click <TouchableOpacity onPress={...}><Text>Here</Text></TouchableOpacity>
<Text/>

1 个答案:

答案 0 :(得分:0)

尝试一下:

<View style={{ flex: 1, flexDirection: 'row' }}>
    <Text>Click</Text>
    <TouchableOpacity onPress={...}><Text>Here</Text></TouchableOpacity>
</View>