react-native - 用嵌套在 Text 中的 TouchableOpacity 包装文本

标签 react-native

包括onPress里面Text按下时,组件将导致文本上出现丑陋的灰色突出显示(一瞬间)。

我希望文本在按下时变得略微透明,而不是灰色突出显示。这可以通过包装 Text 轻松实现。 TouchableOpacity 中的组件.但是,将其包含在另一个 Text 中组件是一个不同的故事。根据 this而事实是TouchableOpacity返回 View 组件,我必须指定一个宽度和一个高度才能完成这个……而且它只能在 iOS 上实现。

我怎样才能包含一个“可压的”Text组件——按下时会发生不透明度变化——在另一个 Text 中成分?

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

最佳答案

尝试这个:

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

关于react-native - 用嵌套在 Text 中的 TouchableOpacity 包装文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43561819/

相关文章:

react-native - React Native 远程数据加载突然变慢

css - 如何在 React Native 中使用百分比填充顶部和底部?

ios - 未找到框架 GTMOAuth2

javascript - 错误后重新加载页面,redux

ios - 如何关闭单个React Native模拟器?

react-native - React Native上的 float 操作按钮

reactjs - React.default.memo 不是一个函数(React-Native)wrapWithConnect

javascript - REACT - 将选择从下拉列表转换为标签标签

javascript - clearTimeout 在 React Native 中不起作用

react-native - componentWillMount 已弃用,将在 React Native 的下一个主要版本 0.54.0 中删除