React Native我的删除按钮不起作用
React Native是一种用于构建跨平台移动应用程序的开源框架。它允许开发人员使用JavaScript和React编写一次代码，然后将其部署到iOS和Android平台上。
对于你提到的删除按钮不起作用的问题，可能有以下几个原因和解决方法：
- 检查代码逻辑：首先，确保你的删除按钮的事件处理函数正确绑定，并且没有其他代码阻止了按钮的点击事件。你可以使用React Native提供的TouchableOpacity组件来创建按钮，并在onPress属性中指定事件处理函数。
- 检查样式和布局：如果删除按钮没有正确显示或者被其他元素遮挡，可能是样式或布局的问题。你可以检查按钮的样式属性，例如position、zIndex、top、left等，确保按钮在正确的位置显示，并且不被其他元素遮挡。
- 检查数据和状态：如果删除按钮的作用是删除某个数据或状态，那么你需要确保数据或状态被正确更新。你可以在事件处理函数中检查数据或状态的变化，并确保删除操作被正确执行。
- 检查错误日志：如果以上方法都没有解决问题，你可以查看React Native的错误日志，看是否有相关的错误信息。错误日志可以帮助你定位问题所在，并提供更具体的解决方法。
对于React Native开发，腾讯云提供了一些相关产品和服务，例如：
- 云开发：腾讯云云开发提供了一站式的后端服务，包括云函数、数据库、存储、云托管等，可以帮助开发人员快速搭建和部署React Native应用的后端服务。了解更多：腾讯云云开发
- 移动推送：腾讯云移动推送服务可以帮助开发人员实现消息推送功能，可以用于向React Native应用的用户发送通知和消息。了解更多：腾讯云移动推送
- 移动直播：腾讯云移动直播服务可以帮助开发人员实现音视频直播功能，可以用于在React Native应用中集成实时音视频通信功能。了解更多：腾讯云移动直播
以上是一些可能的解决方法和腾讯云相关产品的介绍，希望能帮助你解决React Native删除按钮不起作用的问题。如果还有其他问题，请随时提问。
相关·内容
我正在试着做一个非常简单的测试屏幕。它应该将"a“的值更改为1，但是按钮根本不起作用。 import React, {useState} from 'react';
import {Text, View, TouchableOpacity} from 'react-native';
import styles from './styles';
export default function HomeScreen() {
const [a, setA] = useState(0)
return (
<Vie
浏览 5提问于2021-07-13得票数 0
我基本上想要插入一个带有react@15.6.0和react-本机@0.45.0的react-原生项目，因为依赖问题。然而，react-本机命令只允许我指定react-本机版本：
react-native init sample --version react-native@0.45.0
此命令不起作用：
react-native init diskful --version react-native@0.45.0 --version react@15.6.0
这也是：
react-native init diskful --version react-native@0.45.0 react@
浏览 4提问于2017-07-07得票数 11
回答已采纳
我在react-native-elements Input组件上使用react-native-testing-library。组件在编辑时显示clear按钮。
如何点击clear按钮来测试副作用？
这不起作用：
const addressField = component.getByPlaceholder("Address");
addressField.clear();
// TypeError: addressField.clear is not a function
浏览 0提问于2019-08-14得票数 1
我无法初始化我的新react原生应用程序。以下是执行react-native init myapp后的错误：
Unable to find React Native files. Make sure "react-native" module is installed in your project dependencies.. Run CLI with --verbose flag for more detail
我已经尝试重新安装react-native cli并使用社区cli，但不起作用。
//编辑：
我不得不用npm react-native -g install命令，
浏览 0提问于2019-07-13得票数 0
1回答
我想在离开屏幕(NewNews.js)之前提醒用户。它可以正常工作，但我不希望当他单击保存按钮(PreviewSave.js)时调用它。不再维护删除侦听器。
按下“保存”按钮后，将触发customAlert。我想删除保存函数(PreviewSave.js)中的侦听器，但它不起作用。
NewNews.js
let exitListener;
useEffect(() => {
exitListener = navigation.addListener('beforeRemove', e => {
e.preventDefault();
浏览 6提问于2022-05-31得票数 2
回答已采纳
1回答
在安装expo图像选择器之前，该构建运行良好。但是，即使在移除包后，它现在也不起作用。
这是build命令。
eas build -p android --profile preview2
android和ios的构建都失败了。这看起来像是图像错误，我从我的应用程序中删除了所有的图像，但是问题仍然存在。
这是我的package.json
{
"name": "my-app",
"version": "1.0.0",
"scripts": {
"start": "
浏览 8提问于2022-05-29得票数 1
世博会更新后，我的项目不起作用了
错误是：
Failed building JavaScript bundle.
node_modules\react-native-gesture-handler\src\index.ts: [BABEL] D:\data\Anonymous\ReactNative\test\node_modules\react-native-gesture-handler\src\index.ts: You gave us a visitor for the node type TSInstantiationExpression but it's not a val
浏览 20提问于2022-05-21得票数 12
我正在尝试使用React Native Navigation 5。我已经添加了所有依赖项，但当我添加
npm install react-native-gesture-handler它给出了以下错误：
npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno ENOENT
npm ERR! enoent Error while executing:
npm ERR! enoent undefined ls-remote -h -t https://github.com/naver
浏览 15提问于2020-02-11得票数 0
我尝试用on Press event打开URL。第一个按钮的链接起作用了，但单击其他按钮时就不起作用了。
出现此问题：{console.error：“发生错误”，{frameToPop“:1，”代码“："EUNSPECIFIED"}
import React from 'react';
import {View,
Text,
Button,
Linking
} from 'react-native';
export default class Website extends React.Component{
浏览 15提问于2019-07-21得票数 0
在全局安装时，react-native似乎有一个bug。我需要它正确地执行，而不会看到这个错误：
$ react-native run-ios
Looks like you installed react-native globally, maybe you meant react-native-cli?
To fix the issue, run:
npm uninstall -g react-native
npm install -g react-native-cli
在其他论坛上发布的解决方案对我来说不起作用，我看不出有什么理由不起作用。
package.json
{
"na
浏览 0提问于2016-06-22得票数 9
我有一个父视图容器--它包含另一个包含两个按钮组件的视图。我需要在按钮组件之间留出一个空格，以便在子视图容器中添加对齐内容，但它不起作用。
码
import React,{Component} from 'react';
import { View,Image,StyleSheet,Dimensions } from 'react-native';
import { Card,Button,Avatar } from 'react-native-elements';
import Icon from 'react-native-vecto
浏览 2提问于2018-04-12得票数 3
回答已采纳
package.json
{
"name": "project",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start&
浏览 22提问于2020-09-11得票数 11
我正面临这样一种情况:我的组件不会呈现文本，除非它被呈现为ListView的一部分。例如，这个很好用：
<ListView
dataSource={this.state.dataSource}
renderRow={(rowData) =>
<View style={styles.buttonContainer}>
<Button
onPress={() => navigate('Team', { team: rowData })}
title={rowData.name}
浏览 3提问于2017-07-05得票数 5
回答已采纳
1回答
我正在尝试链接react-native-fetch-blob库，但出现错误
react-native link react-native-fetch-blob
和错误显示
Scanning folders for symlinks in ...\node_modules (48ms)
rnpm-install ERR! ERRPACKAGEJSON No package found. Are you sure this is a React Native project?
Cannot read property '_text' of undefined
我已经使用npm i
浏览 30提问于2018-01-30得票数 0
我已经将react原生版本从0.55更新到0.59，并且遇到了一个严重的问题，并尝试了所有方法，但没有works.It给我的错误
undefined is not an object evaluating (_reactnative.Modal.propTypes.animationType)
这是我的package.json
{
"name": "Fuelex",
"version": "0.0.1",
"private": true,
"scripts": {
"
浏览 0提问于2019-08-08得票数 2
我是相当新的反应-本机和反应-导航和试图从一个屏幕移动到另一个通过按钮点击，继续得到这个错误。我在这里发现了类似的问题(和)，但是它们对我不起作用，继续得到这个错误。
我正在做的是，我有一个App.js，它是最初的屏幕，它现在显示一个登录表单(称为Splash)：
import React from 'react';
import {
View,
ActivityIndicator,
StyleSheet
} from 'react-native';
import { createDrawerNavigator, createAppContainer
浏览 0提问于2019-08-02得票数 0
回答已采纳
我正在使用wix/react-native-calendars.的Agenda在我的容器中，我有一个按钮，点击它打开Modal和一个来自本地纸的TextInput。当我单击键盘打开时的按钮时，按钮的onPress()不起作用，但当我第二次按下按钮时，它正常工作，同时键盘也在touch.How外部被排除，以使按钮的onPress()在第一次单击时工作？
import React, { useEffect,useState, useRef } from 'react'
import {
StyleSheet, Modal, Pressable,
TouchableO
浏览 6提问于2021-03-22得票数 0
我正在尝试使用SliderButton，我最近在我的终端上安装了滑块按钮，
npm install --save react-native-slider-button
并试图导入它，但不知何故它不起作用。
在网站上，我应该写
var SliderButton = require("react-native-slider-button");
但是我的react-native是最新的版本，所以我猜我可能不应该使用require，我如何使用"import“来编写代码？
浏览 1提问于2016-10-28得票数 0
4回答
我有一个本机ios，它运行得很好，因此它只在Xcode中工作，而在终端中却不能使用以下命令：
react-native run-ios
react-native run-ios --device
这两个命令都无法在根目录中工作，我尝试删除node_modules文件夹，然后运行：
npm install; react-native link;
不幸的是，它不起作用了，这是我的日志：
任何帮助！
浏览 0提问于2017-05-23得票数 11
回答已采纳
我的问题 当我将按钮样式的位置更改为绝对位置时，按钮的上半部分显示了按钮单击效果，但导航(‘登录’)功能不起作用，但按钮的下半部分工作没有任何问题。 预期行为 当按钮样式的位置是绝对位置时，我希望按钮在我按下它的任何地方都能正常工作。 代码示例 import React, { Component } from 'react';
import { Button } from 'react-native-elements';
import { StyleSheet, Text, View } from 'react-native'; <Vie
浏览 13提问于2019-02-22得票数 0
我在使用react-native-webview播放iframe内的youtube或instagram视频时遇到了问题。问题只出现在Android上。IOS运行得很好。
所以，当我把iframe放到webview中时，它看起来没问题。直到我点击播放按钮。视频开始加载，所有本机按钮都可用，声音工作正常，但电影是黑色的。声音和停止/播放按钮正常工作。
依赖关系：
react-native-cli: 2.0.1
react-native: 0.57.5
"react-native-webview": "^2.12.1"
我准备了视频不起作用的简单演示：
rende
浏览 4提问于2018-11-24得票数 2
3回答
我使用const来显示组件。现在，当我对const中的按钮使用react导航时，我看到这个错误:未定义的不是一个对象(计算'_this.props.navigation.navigate') 我尝试将navigation={this.props.navigation}添加到按钮以允许禁烟，但不起作用。 const WomenTab = () => (
<View>
<Button onPress={() => {
this.props.navigation.dispatch(St
浏览 16提问于2019-02-08得票数 2
回答已采纳
为什么react-native run-ios命令在我的项目中不起作用(错误代码65 )。我按照我能在互联网上找到的所有说明操作，但都不起作用。在那之后，我认为问题可能出在react-native cli本身，并创建了另一个用于测试的应用程序，react-native run-ios命令工作得很好。我的结论是，我的应用程序的iOS配置出了问题。有没有什么方法可以删除iOS文件夹并生成一个新文件夹？
浏览 26提问于2021-02-26得票数 0
回答已采纳
我使用的是干净的项目，我不能在代码的任何部分使用require，例如在图像中：
<Image
style={styles.stretch}
source={require('./img/favicon.png')}
/>
或者在任何其他部分，如这里使用的反应-本机-路由器-流量插件，我想覆盖后退按钮图像，但我不能改变它，因为‘要求’是没有定义的。
<Scene backButtonImage={require('./custom_icon.png')} />
这是我的package.json
{
"name"
浏览 1提问于2017-01-17得票数 5
在尝试将我的pod更新到最新版本以便与iOS12.0一起工作时，我一直收到此错误。我已经在网上看到了这个错误的很好的文档，但目前我发现的解决方案似乎都不起作用。
In Podfile:
RNFBApp (from `../node_modules/@react-native-firebase/app`) was resolved to 10.5.0, which depends on
Firebase/CoreOnly (~> 7.4.0)
RNFBAuth (from `../node_modules/@react-native-firebase/au
浏览 2提问于2021-01-21得票数 1
我们使用的是react原生0.43.4版本，我们分叉了它。它正在通过npm安装下载。
package.json
"react-native": "git+ssh://git@subdomain.domain.net/username/react-native#fix/xcode_9_3",
我们的Android 项目级分级文件有
allprojects {
repositories {
mavenLocal()
jcenter()
maven {
// All of React N
浏览 0提问于2018-05-15得票数 2
在我的Android本地项目中遇到了一个奇怪的问题。
使用React-Navigation，我有一个组件，里面有一个按钮。这个按钮应该导航到一个新的屏幕。
问题是，“反应原住民”的内置按钮就像一种魅力，而“原住民基地”的按钮则不是。我完全搞不懂，更多的是因为我也在另一个地方使用这个本机基础按钮。在那里效果很好。
这里发生什么事情？
在这里，您可以看到应用程序使用内置的React本机按钮：
相反，使用本机基础的按钮，它不仅不能工作，甚至样式也不适用。
下面是带有React本机按钮的代码：
import React from "react";
import {
浏览 3提问于2020-03-12得票数 0
回答已采纳
1回答
NativeWind它不起作用了。当文件tailwind.config.js的内容是'./App，{js，jsx，ts，tsx}‘时，它就起作用了，但自从我实现了RAP导航之后，它就不再工作了。
tailwind.config.js：
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./App.{js,jsx,ts,tsx}", "./screens/**/*.{js,jsx,ts,tsx}"],
theme: {
exte
浏览 18提问于2022-09-02得票数 5
回答已采纳
如何通过单击按钮在React Native中添加文本输入？例如，我会按下"+“按钮，它会在视图的底部添加一个文本输入。
编辑:这是我的代码(删除了所有不相关的东西)。因为某些原因不能工作。单击该按钮不会执行任何操作。
import React, { Component, PropTypes } from 'react';
import { StyleSheet,NavigatorIOS, Text, TextInput, View, Button,
TouchableHighlight, TouchableOpacity, S
浏览 0提问于2017-07-31得票数 1
与原生react有问题。使用xcode编译时出现此错误：
ld: warning: directory not found for option '-L-L/Users/username/Library/Developer/Xcode/DerivedData/InterfacingConsumerHealthPeripherals-gbyevwticojtxmcicmilnnmtlowd/Build/Products/Debug-iphonesimulator/CocoaAsyncSocket'
ld: library not found for -lCocoaAsyncSoc
浏览 1提问于2021-02-24得票数 0
我正在开发一个移动应用程序与Reactive原住民。我想在按下按钮后打开WebView。这是我的代码，但不起作用。按钮onPress方法不起作用。
import React, { Component } from 'react';
import { View, StyleSheet, Button, WebView } from 'react-native';
import { Constants } from 'expo';
export default class webView extends Component {
onNavi
浏览 4提问于2017-10-28得票数 4
回答已采纳
我使用expo开发了一个带有react native的应用程序。我在expo上发布了这个应用程序，它在android上运行良好，但在ios上出现错误。在一些挖掘过程中，我也尝试安装了react-native-webview，但同样不起作用。我该如何解决这个问题。
浏览 29提问于2020-12-30得票数 0
我有一个问题，我想在我的应用程序中隐藏android系统的底部按钮。我使用expo构建我的应用程序。尝试了我在stackoverflow上看到的其他解决方案，但不起作用。我安装库"react-native-immersive“和”react-native-immersive mode“，但得到了一个错误。
浏览 7提问于2020-05-13得票数 0
3回答
我有一个问题，我的按钮从NativeBase不显示他们的文字。我几乎使用了他们网站文档中的示例代码，但当我呈现它时，它显示了三个我可以触摸的按钮，但没有任何标题。有什么想法吗？请参考代码：
App.js
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MenuButton from './MenuButton';
export default class App extends React.Component {
浏览 23提问于2018-08-17得票数 1
回答已采纳
我使用Expo，并将expo eject分开用于模块使用。
我在iOS文件中尝试了iOS。那是工作。
吊舱安装完毕！Pod文件中有51个依赖项，总共安装了63个荚。
但是，当打开Xcode并按下build and run按钮时，会发生错误。
package.json：
{
"name": "testgame",
"version": "0.1.0",
"private": true,
"devDependencies": {
"babel-cl
浏览 2提问于2019-05-08得票数 0
回答已采纳
我正在尝试使用以下命令在android模拟器上运行我的原生react应用程序：
npm start
react-native link
react-native run-android
它失败了，我得到了这个错误：
Execution failed for task ':app:preDebugBuild'.
> Android dependency 'androidx.slidingpanelayout:slidingpanelayout' has different version for the compile (1.0.0-rc01) and ru
浏览 29提问于2019-07-30得票数 0
由于某种原因，当我调用react-native link时，它向android/settings.gradle添加重复包含，而后者又将重复导入添加到android/app/src/main/com/<projectName>/MainApplication.java。
它并不总是这么做的。当我手动添加一个特定的包时，它就开始这样做了，因为有些东西不起作用，但我不记得是哪个包。
我的直觉是，react-native link假定包是按某种顺序列出的--它看起来像字母顺序相反--但是由于npm包名不一定与settings.gradle中的包含项目名称(它与MainApplication
浏览 2提问于2017-03-26得票数 6
回答已采纳
我正在尝试使用以下命令运行一个react本机应用程序。
npm run android
我得到以下错误。
im使用nvm - nvm use stable
现在使用节点v8.9.4 (npm v4.6.1)
**package.json**
{
"name": "client",
"version": "0.1.0",
"private": true,
"devDependencies": {
"react-native-scripts":
浏览 18提问于2018-01-26得票数 4
回答已采纳
24回答
如何卸载纱线？我曾将它用于react-native项目，现在每当我将代码移出index.ios.js或index.android.js时，它都会抛出一个错误，所以我想只使用npm，但是每当我初始化react-native项目时，它默认使用yarn。我试过npm uninstall yarn，但不起作用。谢谢。
浏览 16提问于2017-02-20得票数 179
1回答
我有以下问题：
下一个POST调用都会得到错误:网络错误
例如，我启动应用程序，点击“订阅”按钮，然后发送一个POST电话，并得到一个响应，一切正常。但是，我点击了“取消订阅”，这也发送了另一个帖子呼叫，但这一次我得到了一个网络错误。
后台的家伙告诉我，没有人提出请求，请求被中止。如果我多次单击按钮，那么所有这些请求都无法工作。
如果我重新启动应用程序或等待几分钟，那么第一次发布工作，但之后的帖子不会
我用的是react？？世博的本土化。
这是我的发帖方法：
export const apiPost = (endpoint, token, data) => {
return new
浏览 1提问于2019-02-20得票数 0
是否有关闭react-原生模式的事件，在不使用模式内部任何按钮的情况下将其滑下(onDismiss不起作用)？谈到这个模式https://facebook.github.io/react-native/docs/modal.html
浏览 28提问于2020-01-07得票数 0
回答已采纳
2回答
我正在尝试将左padding或margin添加到header left icon中，这是登录页面上的后退按钮。下面是我的代码，我尝试添加headerLeftContainerStyle，但它不起作用。在主页上，菜单图标与左边的填充物完美地设置在一起，但在登录页面上，后退按钮与屏幕的左侧相连。
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
import 'react-native-gesture-han
浏览 4提问于2021-06-07得票数 1
回答已采纳
1回答
我正在按照这个教程做一个应用程序：
我只是做了完全一样的事情。它可以编译，但抽屉菜单的按钮不起作用。这是按钮所在的代码：
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {createBottomTabNavigator} from 'react-navigation';
import ScreenOne from './TabNavigator/ScreenOne';
import Scree
浏览 0提问于2018-08-24得票数 1
回答已采纳
由于无法从flatList中删除条目，ApiCard是另一个组件，其中需要的数据项有一个del按钮。
import React, {Component} from 'react'; import { StyleSheet, View, FlatList, Text, TouchableOpacity, SafeAreaView, Button, } from 'react-native'; import ApiCard from './ApiCard';
export default class ApiList extends
浏览 1提问于2021-08-04得票数 0
回答已采纳
我正在使用Webview在React本地。
页眉和页脚不是webview，页眉中包含navigation.goBack()按钮。
但是它不工作，甚至连页脚都有navigation.navigate()按钮也能工作。这是我的密码。
import 'react-native-gesture-handler';
import * as React from "react";
import { ImageBackground, StyleSheet, Text, View, Image, TextInput, TouchableOpacity } from "
浏览 5提问于2020-11-25得票数 1
回答已采纳
1回答
import React from 'react';
import Collapsible from 'react-native-collapsible';
import Icon from 'react-native-vector-icons/MaterialIcons';
import { Container, Nav, NavText, NavItem } from './styles';
export default function Cards() {
let isCollapsible = fal
浏览 13提问于2020-04-15得票数 0
我正在尝试使用，但是ListView的主分支版本给出了错误：TypeError: undefined is not a constructor (evaluating 'new _reactNative.ListView.DataSource')
该项目中的一个添加了我需要的ListView功能。
如何将这个PR添加到我自己的项目中？
我试过的是：
创建并手动添加文件，然后尝试使用npm直接加载它，根据这个，它没有工作，关键的核心组件丢失了。通常安装React的方式是npm install --save react@0.14 react-dom@0.14 react-nat
浏览 2提问于2016-06-23得票数 0
回答已采纳
2回答
我遇到了一个错误。这是在我按下搜索按钮之后发生的。我该怎么解决这个问题？
我指的是传递值的，但它不起作用。
我试着用这个来解决的问题，但是它不起作用
import { StyleSheet, Text, View } from 'react-native'
import React from 'react'
const SubScreen1 = (route) => {
const { paramKey } = route.params.paramKey
console.log(paramKey)
return (
<
浏览 2提问于2022-10-16得票数 0
回答已采纳
1回答
你好，伙计们！
我和合作，无法启动世博会项目。以下是一个完整的错误：
错误:元素类型无效:需要一个字符串(用于内置组件)或一个类/函数(用于组合组件)，但got:未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查App的呈现方法。
package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android":
浏览 5提问于2021-06-05得票数 0
回答已采纳
我正在尝试使用" React -native run-android --variant= release“或./android："./gradelw assmbleRelease”在react Native中编译一个版本apk。 我一直收到以下错误： > :app:bundleReleaseJsAndAssets
ERROR Failed to compile.
./node_modules/native-base-shoutem-theme/src/StyleProvider.js 10:19
Module parse failed: Unexpecte
浏览 9提问于2019-03-15得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
