问题标签 [pressable]
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.
javascript - 如何为 React Native Pressable 配置波纹颜色?
文档提到该属性android_ripple
采用 type 的参数RippleConfig
,但是当您单击链接时,RippleConfig
您会得到 404。
文档页面: https ://reactnative.dev/docs/pressable/#android_ripple-android
javascript - 使用 Pressable React Native 组件时的延迟样式显示
我正在对 FlatList 中显示的项目使用 Pressable React Native 组件。我希望能够在列表中来回滚动并且没有来自项目的反馈,除非按下一会儿。
调用的onPress
函数可以很容易地被该功能延迟onLongPress
,但是我还想在项目被按下一段时间后调用不透明度,而不是在滚动期间。似乎没有一种简单的方法可以做到这一点。到目前为止我没有成功的尝试:
这没有任何效果,永远不会显示不透明度。有谁知道如何处理这个问题?
谢谢。
reactjs - 获取 React Native FlatList 中项目的位置
设想:
我里面有很多项目FlatList
,我Modal
在长按任何项目并在释放触摸时关闭它时显示一个带有项目坐标的 。
我正在使用Pressable来实现长按并onLayout
获取项目坐标。
Item
组件看起来像这样
App
组件看起来像这样
但是无论我按哪个项目,所有项目的坐标都是相同的。
如果我使用CellRendererComponent而不是renderItem
我得到正确的坐标但Modal
没有被关闭。
使用ScrollView
效果很好。
这是世博演示
react-native - React-Native Pressable 组件随机停止工作
我有一个奇怪的问题,一个可压组件的命中斜率为“顶部:20,底部:20,左:50,右:50”随机停止工作。
我目前正在使用 Expo 39.0.0 和 React-Native 39.0.4。
有没有人遇到过类似的问题?
react-native - React Native Pressable 在滚动时可取消
我在 Pressable 中有 WebView。当我在 WebView 中执行 OnScroll 时,我希望它不会取消按下。我添加了道具 cancelable={false}。
react-native - React Native Pressable onPressIn 仅在存在 OnPress 处理程序时调用
在 android 模拟器中,以下 RN 代码什么都不做(没有日志,没有调用处理程序)
但是,如果我插入一个onPress
处理程序,否则在完全相同的代码中,两个日志都会出现,并且当组件被按下时两个处理程序都会被调用。
为什么onPressIn
不能单独工作?
FYIonPressIn
在博览会客户端的 iOS 上正常工作
react-native - 在 React Native 中,有什么类似于新的 Pressable 组件中的 activeOpacity 属性的东西吗?
在 TouchableOpacity 中,可以设置 activeOpacity 属性的值以在按下按钮后使按钮变暗,因此用户会收到他们的触摸被注册并且不会重复按下同一个按钮的反馈。
新的 Pressable 组件中是否有类似的东西?或者有什么方法可以轻松达到同样的效果?
javascript - 在 React Native 应用程序中可按不可触摸
我在 Expo 中的 iPhone 上出现了一些 Pressable 元素,但根本无法触摸。我什至无法在元素检查器中单击它们。谁能指导我找到解决方案?我想知道它是否是嵌套,它是影响其行为的父容器,因为当我将 TouchableWithoutFeedback 更改为 View 时,它会立即“出现”并按应有的方式工作。为什么“TouchableWithoutFeedback”元素取消了我的 Pressable 元素而不是 TouchableOpacity 元素?根据文档,“TouchableWithoutFeedback 仅支持一个孩子”,但是将其中的所有内容放在一个 View 中也不能解决 Pressable 的这个问题。由于它的工作原理,Pressable 似乎不能存在于这个可触摸元素中?
这是代码: