问题标签 [onpress]

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 回答
1311 浏览

arrays - React Native - 循环遍历一个数组,该数组由图像、文本和通向不同屏幕的 onPress 等内容组成

我已经构建了一个自定义组件,它使用道具从屏幕接收数据,并使用带有数组的循环重复三次。每次重复组件时,我都可以通过将它们放在该屏幕中的数组中来发送不同的内容,例如文本和图像。我想是否有办法实现相同的东西,但这次给每个组件一个不同的“onPress”。我该如何设置?我需要弄乱数组吗?

组件.JS:

屏幕.JS

我尝试了不同的方法将 onPress 作为道具传递,但到目前为止还没有运气。很可能我做错了什么,因为我对 ReactNative 还比较陌生。

我希望能够让屏幕上的每个重复组件导航到不同的屏幕。ps 我正在使用 react-navigation 库

0 投票
2 回答
2128 浏览

react-native - tabBarOnPress 不工作 bottomTabNAvigator

我在 5 月的 BottomTabNavigator 中有三个屏幕。一旦按下底部导航器中的第三个屏幕(范围),我想为 ios/android 组件传递 React 本机日期选择器。我尝试在静态导航选项的第三个屏幕中使用 tabBarOnPress,但它似乎不起作用。

这是我的代码片段:

应用程序.js

Range.js

请帮助完成这项工作。

0 投票
1 回答
136 浏览

react-native - (React Native)在 ​​onPress() 之后将颜色更改为文本

我有一个抽屉,里面有一些动态创建的文本元素。
我想从抽屉中选择一个项目,“显示所选项目”(例如更改该项目文本的颜色)并在选择另一个项目时将其重新更改为默认值。

我想“更改 onPress”的文本在<TouchableWithoutFeedback>标签内(我正在使用 react-native-render-html 渲染一些 HTML 代码)

0 投票
1 回答
338 浏览

javascript - React Native - TouchableNativeFeedback 组件的水平平面列表 OnPress 未执行

我有一个水平平面列表,当按下列表中的任何元素时,我想在其中执行一个函数。但是,OnPress 没有执行,涟漪效应确实显示出来。

我目前正在通过 OnPress 属性中的控制台输出进行故障排除。

我已尝试按照某些人的建议用 a 包装组件,但它仍然无法正常工作。

这是我的代码

0 投票
3 回答
392 浏览

react-native - 如何使用来自 React 本机平面列表的不同数据进入同一屏幕

我是 React Native 的新手,我的 FlatList 有一些我想使用的代码,比如当我单击平面列表上的任何项目时,屏幕打开并显示该项目的相关数据。当我单击另一个项目时,同一个屏幕打开但与该项目相关的数据。意味着可重复性。

0 投票
2 回答
1461 浏览

react-native - React Native Button onPress 在 iOS 设备上触发两次,但在 Android 上没有

当我在 iOS 设备上按下我的应用程序中的按钮时,我的控制台输出显示以下内容:

2019-09-22 13:45:25.116 [info][tid:com.facebook.react.JavaScript] 你点击了按钮

2019-09-22 13:45:25.116323-0400 AwesomeProject[5368:2651835] 你点击了按钮

我正在将“您点击按钮”记录到 onPressButton 函数内的控制台,每次按下按钮都会调用它两次。

这是我完整的 App.js 文件,该文件来自:https ://facebook.github.io/react-native/docs/handling-touches :

我真的很茫然,为什么 onPressButton 在 iOS 上触发了两次,但在 Android 上却没有。

0 投票
1 回答
38 浏览

function - React Native /ECMAScript 6 语法

我找不到关于 ECMAScript 6 语法分解的优秀文档。短手很棒,但有时很难阅读。任何人都可以为我分解onPress功能吗?或者向我指出一些带有语法分解的好的文档?

我将其理解为:onPress 我们将运行一个函数,该函数接收数据和 null 的参数,我们将在得到响应后将其打印出来。数据和详细信息是来自 google api 的响应,所以我必须假设我们实际上并没有将详细信息设置为空。我只是不明白函数语法。

0 投票
2 回答
1987 浏览

react-native - 如何更新 FlatList 项目的属性?

我编写了一个由 TextInput、Button 和 FlatList 组成的 Android 应用程序。使用 TextInput 中写入的每个名称,平面列表中都会有一个项目。Item 标题将是 TextInput 内容,列表项旁边将有两个按钮和一个文本。一个按钮用于将 Text 显示的数字增加 1,另一个按钮用于减少。这是我的代码:

我用评论“主要问题”指出了有问题的行。增加和减少按钮不起作用,当我在应用程序中按下它们时,文本中的数字保持不变。我应该对我的增加和减少按钮的 onPress 方法执行什么更改以使它们工作?

0 投票
1 回答
131 浏览

reactjs - onPress 在 FlatList 中不起作用 - React Native

我正在使用 github API 的常规应用程序中工作,但无法解决问题。

在我的 FlatList 上,我试图实现一个 onPress 来输入一个 Webview,但是这个 onPress 由于某种原因不起作用。我什么都试过了。现在我只是放了一个console.log,但仍然无法正常工作。代码如下:

你能帮我弄清楚可能是什么问题吗?我只是想做这个console.log,但即使这样也行不通。

0 投票
2 回答
389 浏览

javascript - 使用 props 在 onPress 函数中执行多个函数

我目前正在创建一个 naughts and crosss 游戏。我快完成了,当我在任何一个盒子上计时时,图标就会显示在盒子里。但是,我只能显示一个,naughts 或 crosss。到目前为止我的代码:我的 App.js 脚本和网格中每个框的组件

我的 app.Js 脚本用于管理确定转弯的状态,并且在 App.js 文件中创建了一个每次按下框时都会更改状态的函数,并作为道具传递给 Box.js 文件。此外,Box.js 文件中还有一个显示 naught 或 cross 的函数。当我想将这些函数中的任何一个传递给 onPress 函数时,它们都可以正常工作。只有当我尝试将这些功能放在一起时,才会出现问题。

这是我尝试过的:onPress= {() => {props.swicthTurn; Change;}