问题标签 [touchableopacity]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4945 浏览

reactjs - 如何制作 TouchableOpacity 按钮以防止多次点击

我有TouchableOpacity一个不想执行两次的事件。

我试图将它的onPress事件bool置于状态,但这不起作用,因为设置状态是异步的,我可以快速按下按钮多次。

我也尝试设置计时器,但这对我也不起作用。

有没有其他方法可以防止多次按下按钮(其他类似的组件等)?

0 投票
0 回答
454 浏览

react-native - React-Native:TouchableOpacity 渲染问题

我在渲染 TouchableOpacity 时遇到了一些问题

这是我的按钮组件的代码,当我渲染它时,我的按钮看起来像这样 按钮

我在登录组件中使用了相同的组件,它工作得很好...... 预期的按钮: 这是我希望呈现的按钮

0 投票
3 回答
5925 浏览

button - 边框半径不适用于 Button

我想用 touchableOpacity 创建一个边框半径按钮。

我试过这种风格:

但按钮看起来像这样:

只有白色部分

如果我删除溢出:“隐藏”,它看起来像这样:

你有想法吗 ?

编辑 :

将文本的背景颜色设置为透明后,我得到与溢出相同的结果:“隐藏”但文本就在下面这就像我的文本超出了可触摸的不透明度

在此处输入图像描述

0 投票
1 回答
161 浏览

performance - 自定义一个可触摸的文本,如查看更多

我正在编写一个反应本机应用程序。我想做一个新闻。看到更多像我们通常看到的东西的更多信息。我怎样才能做到这一点?

像这儿

0 投票
4 回答
5929 浏览

javascript - 当组件在本机反应中重新呈现时,动态不透明度不会改变

我开始学习 React Native,并为我的项目创建了一个简单的 Button 组件以在我的项目中重用。我根据变量“禁用”动态设置不透明度值,但是,按钮的外观不会随着不透明度变量的值而改变。我四处搜寻,但没有找到解释。
任何帮助将不胜感激。

这是我的源代码:

编辑:这是调用按钮的代码

如果 newDeck 组件的标题为空或 null,则 disabled 变量为 true。当这个变量为真时,按钮的不透明度应该只有 0.5。当该值变为 false 时,不透明度再次变为 1。如果我记录组件中的不透明度值,我可以看到它从 0.5 变为 1,但组件的外观没有改变。

0 投票
1 回答
827 浏览

react-native - 不按中间时防止TouchableOpacity onpress?

现在,当我快速按下我的 touchableopacitys 时,它会堆积一堆对 onpress 回调的调用,然后随着时间的推移执行它们。我想要的是能够在 touchableopacity 被“按下”或褪色时防止进一步的回调,以便每次 touchableopacity 为“down”时只调用一次 onpress,即一个完整的淡出周期然后重新进入. 我该怎么做?

0 投票
2 回答
2462 浏览

react-native - 使用 TouchableOpacity 而不是 TouchableWithoutFeedback 时样式中断

这是使用 TouchableWithoutFeedback 时这部分的外观

这是同样的事情,除了 TouchableOpacity

这部分的代码:

这里发生了什么?

0 投票
1 回答
1155 浏览

react-native - 如何在本机反应中使用 TouchableOpacity 从卡片列表中导航?

大家好,我正在尝试使用单击card(列表视图)进行导航TouchableOpacity。此外,我想将cat_id(从服务器返回的响应)连同此(到 CourseDetail 页面)一起传递?这可能吗?下面是我的代码,但我收到错误“找不到变量导航”。请帮忙...

HomeScreen.js

0 投票
3 回答
1901 浏览

javascript - TouchableOpacity onPress 在本机反应中不起作用

CourseDetail.js当我单击 TouchableOpacity 时,如何导航到不同的屏幕 ( )。我正在使用它。但StackNavigator出现错误undefined is not an object evaluating this.props.navigation。我在下面粘贴我的代码。请帮忙。我知道有一个简单的错误,但无法弄清楚。

HomeScreen.js

0 投票
1 回答
4829 浏览

react-native - setOpacityTo() 与在本机反应

如何在 react-native中setOpacityTo()使用该方法?<TouchableOpacity>

https://facebook.github.io/react-native/docs/0.42/touchableopacity.html