「React Native」防重复点击

Posted 2023-04-19

参考技术A 一、防快速重复点击。

点击按钮后，立马将按钮设置为不可点击，按钮置灰，1.5秒后，重新可以点击。
二、防网络请求重复点击。

点击按钮，设置按钮不可点击，按钮置灰，只有当接口返回成功或者失败时，才重新可以点击按钮。

react-native android错误无法安装应用程序native_modules.gradle'行：170 [重复]

【中文标题】react-native android错误无法安装应用程序native_modules.gradle\'行：170 [重复]

【英文标题】：react-native android error Failed to install the app native_modules.gradle' line: 170 [duplicate]react-native android错误无法安装应用程序native_modules.gradle'行：170 [重复]

【发布时间】：2019-12-02 14:34:52

【问题描述】：

在 windows 中运行 react-native run-android 但出现此错误：

错误 无法安装应用程序。确保您已设置 Android 开发环境：https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment。使用 --verbose 标志运行 CLI 以获取更多详细信息。 错误：命令失败：./gradlew app:installDebug -PreactNativeDevServerPort=8081 ：ReactNative：从“null”目录运行“npx --quiet --no-install react-native config”命令的意外空结果。 :ReactNative:从 'null' 目录运行 'npx --quiet --no-install react-native config' 命令失败。

FAILURE：构建失败并出现异常。

在哪里： 脚本 '/node_modules/@react-native-community/cli-platform-android/native_modules.gradle' 行：170

出了什么问题： 评估脚本时出现问题。

命令config 无法识别。确保您已运行 npm install 并且您位于 react-native 项目中。

【问题讨论】：

您是否正确设置了Android development environment setup？如果没有，那么先做。你可以在这里看到步骤：facebook.github.io/react-native/docs/getting-started.html

您好，请发表评论，但我之前做过

你可以试试这个，在你的项目android目录中创建local.properties文件。并将您的 android-sdk 路径添加到其中。喜欢sdk.dir=/Users/mac/Library/Android/sdk

已经通过在 *** 中使用搜索，尝试了这个解决方案，但不起作用:( 代码是 sdk.dir = C:\Users\shafiei.mi\AppData\Local\Android\sdk

【参考方案1】：

尝试运行（在 android 文件夹内）

 ./gradlew clean 

然后运行

 react-native run-android

【讨论】：

这个命令对我有用，还要注意项目最初是在窗口中创建的，所以 gradlew 没有足够的权限在 linux 上运行

非常感谢！

【参考方案2】：

将此添加到 gradle.properties：

distributionUrl=https\://services.gradle.org/distributions/gradle-5.2.1-all.zip

并将其添加到 gradle.wrapper.properties：

distributionUrl=https\://services.gradle.org/distributions/gradle-6.3-all.zip

然后运行 ​​react-native run-android

【讨论】：

这成功了！但这是否意味着每次初始化 react-native 项目时都必须进行这些更改？还有其他方法吗？

【参考方案3】：

当我使用最新的 react native 包“0.61.5”时出现这个问题...... 我通过将 react native 包更改为“0.61.4”来解决它

转到 package.json 文件 更改 react native 的版本

"dependencies": 
"react": "16.9.0",
"react-native": "0.61.4"
 

然后做

npm install

【讨论】：

谢谢你的回答，我做了这个解决方案，但是安装应用程序没有成功

【参考方案4】：

当我使用最新的 react-native 包“0.61.5”时出现这个问题......我通过执行一些步骤解决了它

删除了 node_modules 安装 npm

npm 安装 npm 或 npm install npm@latest

并安装 react-native

npm install --save react-native

【参考方案5】：

只需通过命令安装yarn

yarn install

当您从已安装 npm 库的存储库中提取代码并且您使用 yarn 运行时，就会发生这种情况