问题标签 [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.

0 投票
1 回答
406 浏览

javascript - 如何为 React Native Pressable 配置波纹颜色?

文档提到该属性android_ripple采用 type 的参数RippleConfig,但是当您单击链接时,RippleConfig您会得到 404。

文档页面: https ://reactnative.dev/docs/pressable/#android_ripple-android

0 投票
2 回答
731 浏览

javascript - 使用 Pressable React Native 组件时的延迟样式显示

我正在对 FlatList 中显示的项目使用 Pressable React Native 组件。我希望能够在列表中来回滚动并且没有来自项目的反馈,除非按下一会儿。

调用的onPress函数可以很容易地被该功能延迟onLongPress,但是我还想在项目被按下一段时间后调用不透明度,而不是在滚动期间。似乎没有一种简单的方法可以做到这一点。到目前为止我没有成功的尝试:

这没有任何效果,永远不会显示不透明度。有谁知道如何处理这个问题?

谢谢。

0 投票
0 回答
530 浏览

reactjs - 获取 React Native FlatList 中项目的位置

设想:

我里面有很多项目FlatList,我Modal在长按任何项目并在释放触摸时关闭它时显示一个带有项目坐标的 。

我正在使用Pressable来实现长按并onLayout获取项目坐标。

Item组件看起来像这样

App组件看起来像这样

但是无论我按哪个项目,所有项目的坐标都是相同的。

如果我使用CellRendererComponent而不是renderItem我得到正确的坐标但Modal没有被关闭。

使用ScrollView效果很好。

这是世博演示

0 投票
0 回答
47 浏览

react-native - React Native Pressables - 创建一个原生外观按钮

如果你创建一个 React Native <Button>,它会在 iOS 中呈现为 UIButton ,在 android 中呈现为 android.widget.Button 。这意味着它在不同平台上看起来不同。

android上的按钮和可按下 ios上的按钮和可按下

s呢Pressable?在不借助第三部分 npm 库的情况下,在 iOS 上创建 iOS 按钮和在 Android 上创建 Android 按钮的最简单方法是什么?

0 投票
0 回答
32 浏览

react-native - React-Native Pressable 组件随机停止工作

我有一个奇怪的问题,一个可压组件的命中斜率为“顶部:20,底部:20,左:50,右:50”随机停止工作。

我目前正在使用 Expo 39.0.0 和 React-Native 39.0.4。

有没有人遇到过类似的问题?

0 投票
2 回答
388 浏览

react-native - HitRect 如何在 React Native 中与 Pressable 一起使用?

我们计划从 TouchableOpacity 切换到 Pressable。

我们希望使用 Pressable 的可选 HitRec 来确保我们的命中目标大小合适(我们将计算尺寸)以实现可访问性目的。

Pressable文档没有关于使用 HitRect 的信息。我在其他地方找到了对 HitRect 的引用,但它们也没有有用的信息。

谁能描述应该如何使用 Pressable 实现 HitRect?

0 投票
0 回答
56 浏览

react-native - React Native Pressable 在滚动时可取消

我在 Pressable 中有 WebView。当我在 WebView 中执行 OnScroll 时,我希望它不会取消按下。我添加了道具 cancelable={false}。

0 投票
0 回答
127 浏览

react-native - React Native Pressable onPressIn 仅在存在 OnPress 处理程序时调用

在 android 模拟器中,以下 RN 代码什么都不做(没有日志,没有调用处理程序)

但是,如果我插入一个onPress处理程序,否则在完全相同的代码中,两个日志都会出现,并且当组件被按下时两个处理程序都会被调用。

为什么onPressIn不能单独工作?

FYIonPressIn在博览会客户端的 iOS 上正常工作

0 投票
1 回答
404 浏览

react-native - 在 React Native 中,有什么类似于新的 Pressable 组件中的 activeOpacity 属性的东西吗?

在 TouchableOpacity 中,可以设置 activeOpacity 属性的值以在按下按钮后使按钮变暗,因此用户会收到他们的触摸被注册并且不会重复按下同一个按钮的反馈。

新的 Pressable 组件中是否有类似的东西?或者有什么方法可以轻松达到同样的效果?

0 投票
0 回答
416 浏览

javascript - 在 React Native 应用程序中可按不可触摸

我在 Expo 中的 iPhone 上出现了一些 Pressable 元素,但根本无法触摸。我什至无法在元素检查器中单击它们。谁能指导我找到解决方案?我想知道它是否是嵌套,它是影响其行为的父容器,因为当我将 TouchableWithoutFeedback 更改为 View 时,它会立即“出现”并按应有的方式工作。为什么“TouchableWithoutFeedback”元素取消了我的 Pressable 元素而不是 TouchableOpacity 元素?根据文档,“TouchableWithoutFeedback 仅支持一个孩子”,但是将其中的所有内容放在一个 View 中也不能解决 Pressable 的这个问题。由于它的工作原理,Pressable 似乎不能存在于这个可触摸元素中?

这是代码: