React :按X键从屏幕上删除图像
React是一个JavaScript库，用于构建用户界面。它采用组件化的开发方式，可以帮助开发者更高效、可重用地构建交互式的UI组件。React具有以下特点：
- 概念：React的核心概念是组件。组件将UI拆分成独立且可复用的部分，使得开发者能够简化复杂的UI逻辑。通过使用虚拟DOM（Virtual DOM）技术，React可以高效地更新和渲染组件。
- 分类：React可以分为函数组件和类组件两种类型。函数组件是一种简单的无状态组件，只接收props并返回一个React元素。类组件是通过继承React.Component类来创建的，可以实现更复杂的交互逻辑。
- 优势：React具有高效、灵活、可维护性强等优势。其采用虚拟DOM技术，能够减少对实际DOM的操作次数，从而提高性能。同时，React提供了丰富的生命周期方法和钩子函数，使得开发者能够更好地控制组件的行为。
- 应用场景：React广泛应用于构建单页应用（SPA）和移动应用开发。它可以与其他库或框架（如React Native）结合使用，实现跨平台的应用开发。React还可用于构建大规模的数据驱动型应用，提供了强大的状态管理和组件复用机制。
- 腾讯云相关产品推荐：腾讯云提供了Serverless云函数SCF和Serverless框架SLS，可以与React无缝集成。开发者可以使用SCF提供的事件驱动模型和高可靠性，将React应用部署为无服务器函数。此外，SLS提供了一站式的全生命周期应用开发、部署、监控和调试能力，适用于React项目的构建和发布。
腾讯云产品链接：
- 腾讯云函数SCF：https://cloud.tencent.com/product/scf
- Serverless框架SLS：https://cloud.tencent.com/product/sls
相关·内容
我正在用react native创建一个应用程序，它有几个屏幕。在其中一个屏幕中，我想要显示我从DB获得的图像(我从DB 20URI图像地址获得，并希望一次在屏幕上随机渲染6个)。当用户触摸其中一个图像时，它会转到carrousel，其中包含用户按下的所有图像。用户按下的每个图像，切换到另一个尚未显示的图像。 我曾尝试使用FlatList，但它迫使我一次渲染所有图像，正如我所说的，我希望一次渲染6个图像。 有什么帮助吗？有什么建议吗？
浏览 20提问于2020-04-13得票数 0
目前，我正在使用React为我的Web应用程序开发屏幕上的处理程序，在为后台空间创建事件和屏幕键上的箭头时，我面临一些问题。
我有这样的布局
我看了一个使用jquery的问题耦合器，但我也遇到了多个问题，因为使用虚拟DOM概念React，所以使用jquery with react是一种很糟糕的做法。
如何使用React或纯JS来模拟屏幕上控件中的backspace和箭头的左右键事件。
更新
我不想在按键的基础上触发屏幕上的按钮，相反。我想点击屏幕上的按钮，它触发事件的键盘自动按下，并在输入时执行必要的事件。
浏览 4提问于2019-09-18得票数 3
我正在使用react- grid -layout来尝试创建一个可调整大小的网格。我还尝试添加删除网格项的功能。然而，在删除网格项目(实际上只是从传入的布局对象中删除该项目)之后，网格项目将更改为可能的最小大小，但仍然留在屏幕上。这有什么原因吗？在此处输入图像描述
从布局中移除之前
<code>B0</code>
从布局中删除后
<code>B1</code>
下面是layout对象：
在此之前
<code>A2</code>
删除后
<code>A3</code>
在删除之后和调用o
浏览 34提问于2020-08-06得票数 0
1回答
我的英语不太好，所以我很抱歉。希望你能理解我的问题。我在做一个arduino项目。我连接了一个4x3矩阵键盘到Arduino。现在，当我在键盘上按'1‘时，A显示在LCD显示器上，当我按'2’时，B显示在LCD上。但是我想当我在键盘上按两个按钮(1和2) C都显示在屏幕上。但是我不能。我试图同时从两个按钮接收数据，但我不能。请帮助我。
浏览 4提问于2014-11-28得票数 1
我有一个覆盖屏幕的主图像，当我滚动一点点时，我想要删除它。我不想让它回来，直到你重新加载页面。我尝试了许多选项，包括react- options和react-headroom，但我无法让它们按我想要的方式工作。谢谢
浏览 23提问于2019-06-14得票数 0
回答已采纳
我只是想知道在Linux (Fedora)中是否有可能，当我按下PrtSc按钮拍摄屏幕快照时，它会自动保存在我的剪贴板中，我可以将它粘贴到任何地方( Slack、WhatsApp网络、邮件等，支持粘贴图像)，直到它在我的剪贴板中。
(这在Windows中已经发生了，就像我们按PrtSc按钮时，屏幕快照保存在剪贴板上，我可以粘贴它的位置，比如画图、WhatsApp网页、Slack、MS等等)，
在Linux中，它只是直接保存图片中的屏幕截图，我必须特别打开并上传该图像。
这个复制粘贴屏幕快照是手工退出和简单，
如果有可能的话，请帮忙
浏览 3提问于2020-01-22得票数 2
回答已采纳
所以我现在已经在屏幕上渲染了我的图像。我正在尝试实现一个功能，当我按下图像时，它将以全屏打开(在全屏时，我将能够放大)。 我最初使用react-native-expo-image-cache在屏幕上加载图像，并尝试使用react-native-image-zoom-viewer实现全屏功能，但它不起作用。 下面是我的代码： const IMAGES = [
post.images[1] ? { url: post.images[1].url } : {}
];
const showSlider = () => {
<Modal visible={true} transp
浏览 18提问于2021-01-06得票数 1
我在惠普笔记本电脑上运行16.04。在14.04中，prntscrn按钮按下整个屏幕的屏幕截图，按下shift + prntscrn按钮，按下选定区域的部分屏幕截图，等等。自从升级到16.04以后，我根本无法让它工作。
所有的快捷键都是正确设置的。
安装了gnome-screenshot，如果我在终端中键入它，它就能工作。
xev在按下+发布prntscrn按钮时显示了以下内容：
KeyPress event, serial 37, synthetic NO, window 0x4400001,
root 0x2c2, subw 0x0, time 5325568, (-443,285
浏览 0提问于2016-06-05得票数 3
回答已采纳
我有一个使用facebook登录的应用程序。当我按下facebook登录按钮时，它会带我到facebook应用程序，当所有东西都被授权，从facebook应用程序到我的应用程序的转换开始时，我的应用程序会显示几毫秒的启动屏幕。
我的问题是:在这种情况下，是否有可能移除飞溅屏幕？
谢谢。
浏览 3提问于2014-10-23得票数 0
回答已采纳
2回答
我对原生反应还很陌生。
我正在尝试创建两个屏幕。我的问题是，我不想在第一个屏幕上的应用程序栏，但我希望在第二个屏幕上的应用程序栏，因为我需要返回。
我通过从第一个屏幕按下卡进入下一个屏幕，并使用createStackNavigator进行导航。
import React, { Component } from 'react';
import { createStackNavigator } from 'react-navigation';
import HomeScreen from './components/homeScreen';
cons
浏览 0提问于2018-09-23得票数 0
1回答
我正在用x2go连接从Ubuntu 18到另一台Ubuntu机器。连接正常，但有些键不起作用，尤其是箭头键。当我按下箭头时，它会启动屏幕截图：
📷
我试过这个问题中的一些菜谱：https://serverfault.com/questions/582552/x2go-arrow-key-is-not-working-properly，但它们没有帮助。setxkbmap我们的-print \ xkbcomp -- $DISPLAY --不能解决这个问题。我试着在这里玩键盘设置：
📷
但也无济于事。我怎么才能修好它？
更新:我的x2go客户端版本是：
📷
x2go服务器版本:x2goserver/
浏览 0提问于2020-03-08得票数 2
因此，我有一个字段的图像，用户可以在其中通过触摸屏幕来绘制点。然后，通过在用户按下时获得e.nativeEvent.locationX、e.nativeEvent.locationY，将这些点存储在数据库中。
因此，当我在平板电脑上绘制点并使用PC查看我在野外图像上放置打印的位置时，它显示不正确。我认为这是由于屏幕大小不同，图像的大小取决于设备屏幕的大小。
我如何解决这个问题，以便无论您使用什么设备，绘图都是一致的？
任何其他可能的解决方案都是非常感谢的。
下面是我如何显示图像/获取用户的x轴值和y轴值，并在按下时通过函数ObtainPosition检索这些值
<TouchableOp
浏览 17提问于2021-02-23得票数 0
回答已采纳
5回答
我观察到Back按钮逻辑可以看到堆栈中屏幕的顺序。我有个抽屉导航仪放在堆栈导航仪里面。
在堆栈的顶部我有飞溅的屏幕。在仪表板上，当我按下后退按钮时，它会带我飞溅屏幕。
如何在进入应用程序后从堆栈中移除飞溅屏幕，所以当我按下后退按钮仪表板时，它将退出应用程序而不是启动屏幕。
/* @flow */
import React from "react";
import { Platform, Text } from "react-native";
import { Root } from "native-base";
import { StackNa
浏览 8提问于2017-12-29得票数 19
回答已采纳
1回答
我使用在窗口内外动画通知。
“进入”过渡是很好和顺利的，然而，在出口-动画是非常积极的。
有人遇到过这个问题吗？我可以在任何地方上传一个视频屏幕截图来说明这个问题(除了youtube )。
这是我的代码：
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import posed, { PoseGroup } from "react-pose";
浏览 1提问于2018-10-07得票数 4
2回答
应用程序启动后，启动图标略有变化
、、、、
我有一个需要在iOS6和7上工作的应用程序。我也有启动所需的图像。我一直面临着一个问题，我不知道它是如何发生的，问题是当启动屏幕加载时，初始图像在几秒钟后略有变化。在意义上的变化有点延伸。这种情况发生在景观中。有人能给我指出问题出在哪里吗？提前感谢
还请注意，我是根据最初的方向和方向的变化来设置图像的。但在点击用于设置启动图像的方法之前，屏幕上已经出现了一个图像。这张图片是从哪里来的？我甚至从应用程序的常规设置中删除了启动图像选项，但它似乎仍然默认分配一个图像！
飞溅景观= 1024x768，其@2x = 2048x1536飞溅肖像= 768x1024，其@2x = 1536x2048
浏览 0提问于2013-11-13得票数 2
2回答
我正在制作一个react原生移动应用程序，上面有一个带有注销按钮的导航抽屉。我知道如何使用props.navigation.navigate('Login')从那里导航到登录屏幕，但问题是，如果用户这样做了，他们仍然可以从登录屏幕打开抽屉，导航回其他屏幕之一，或者在安卓系统上按后退按钮。
如果用户来自另一个页面，我想我可以在登录屏幕上做一个检查，然后禁用打开抽屉按钮，但这似乎有点老套。我想知道是否有一种正确的方法来做这件事，也许是在登录时重置堆栈，我不确定。
浏览 0提问于2019-03-11得票数 2
因此，我已经建立了一个精灵宝可梦应用程序，将显示精灵与他们的图像和详细信息。在主屏幕上，我有它，所以前20个精灵精灵被显示为预览。然后，如果用户想要了解更多关于精灵的信息，他们可以按下精灵，它会将用户带到"PokeDetails“屏幕。然而，当我按“精灵宝可梦”时，它会带我到"PokeDetails“页面，但页面是空白的。除了我从"PokeDetails“屏幕显式呈现的文本。我有下面两个屏幕的代码。任何帮助都是非常感谢的。谢谢 //Home.js
import React, { useState } from "react";
i
浏览 7提问于2020-04-27得票数 0
回答已采纳
我的react应用程序中有4个屏幕，我使用push方法转到每个屏幕。当我从A--> B -->C转到C并在C上按goBack时，它会返回到B。但当我在B上按goBack时，它仍然在同一个屏幕上。对此有解决方案吗？
浏览 2提问于2018-05-23得票数 0
通常，当我按下键盘上的“打印屏幕”按钮时，我会看到gnome-屏幕截图窗口。
📷
当我按下printscreen按钮时，是否有一种方法可以用快门编辑屏幕或至少用快门主屏幕代替这个窗口？
我尝试在“所有设置”中创建自定义快捷方式，并添加了shutter -f .⇒键盘⇒自定义快捷方式。
如何使Shutter成为默认的屏幕截图工具？
它不是打开任何有更多编辑选项的窗口，而是保存图像。然后我得找到照片用百叶窗打开..。
我登记的大部分开关都是用快门连接的。试着用快门帮助/google..。
却得不到我想要的..。我想得到快门编辑屏幕或至少快门主屏幕与图像抓取时，我按打印屏幕。这个是可能的吗？我在这里
浏览 0提问于2015-04-15得票数 3
回答已采纳
我正在尝试创建一个带有删除按钮的购物清单，但当我单击它时，其他项目被删除，以前的值仍然保留在屏幕上，即使第二次删除也是如此。请假设自定义按钮和图标已经是单独的包，代码如下： import React, { useState } from 'react';
import { CButton, CDeleteButton } from '@custom/pkg';
const ShoppingList = () => {
const [state, setState] = useState(
[{ name: 'Apple
浏览 86提问于2021-08-21得票数 1
回答已采纳
我正在用C++编写一个非常简单的程序，它可以监听键盘输入，但是我想要输出的内容比我预期的要困难得多。对于我按下的每个键，我希望屏幕上出现一个图像(特定于该键)。例如，假设我按下"O“键，屏幕上就会出现地球的图像。
实现这一目标的最好方法是什么？谢谢!
浏览 2提问于2011-08-03得票数 1
我尝试在React-native上显示一个组件上的图像，但我不知道为什么会发生这个错误...
代码示例：
render () {
let { convenience } = this.props
return (
<View style={{flexDirection: 'row', height: 50}}>
<Text style={{marginRight: 30}}>{convenience.name}</Text>
<Image source={require(
浏览 50提问于2016-03-28得票数 22
回答已采纳
0回答
我对原生反应还很陌生。谁能给我解释一下react native是如何调整图像大小的？如果我用宽度和高度道具调整图像的大小，图像质量会下降吗？大屏幕、中屏幕和小屏幕应该有很多图像吗？
例如，如果我有一个尺寸为150x150的图像，如果我这样渲染它，它在大屏幕或小屏幕上是否会失去质量：
<Image source={require('path_to_150x150_image')} style={{width: 50, height: 50}}>
浏览 2提问于2017-06-13得票数 0
回答已采纳
2回答
我正在尝试让我的图像在屏幕上移动，基于我使用的箭头键。现在，它对我按下的任何键都没有反应。出于测试目的，我仅尝试实现向右箭头键的使用。当按下键时，我如何让图像做出响应？这就是我到目前为止所知道的：
import java.applet.Applet;
import java.awt.Graphics;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
//import java.awt.event.ActionEvent;
//import java.awt.event.ActionListene
浏览 2提问于2013-07-26得票数 0
我有一个通用的应用程序。对于iPhone，启动屏幕加载得很好，但在iPad上看不到相同的内容。取而代之的是一个黑色屏幕出现在它的位置。我已经看过了在这方面提出的问题，并遵循了这些步骤，但没有结果。我在我的项目中使用资产目录。故事板还没有被使用。所用图像的名称和尺寸如下：
1. Default-Landscape.png (1024x768)
2. Default-Landscape@2x.png (2048x1536)
3. Default-Portrait.png (768x1024)
4. Default-Portrait@2x.png (1536x2048)
5. Default-568
浏览 7提问于2015-06-16得票数 1
回答已采纳
1回答
我有3500个位图。这些位图显示在屏幕上(屏幕可以显示12)，在垂直滚动条下降时加载更多位图。在某种程度上，我想从内存中释放这些图像，我想知道Linq是否能帮上忙:我尝试了什么：
声明：
imageCache = new Bitmap[someCountWithaResultOf3500];
imageCache由图像加载，然后在某个时候我想释放一些(从开始到当前的200 )。Id告诉我显示的第一个图像。
函数
imageCache.AsEnumerable()
.Select((s, j) => new { j, s })
浏览 3提问于2020-05-04得票数 1
回答已采纳
我想用JavaFX 8创建一个小游戏。它是基于“小行星”的，对于那些不知道的人来说：
小行星从你的窗口/屏幕的四面八方滋生，你必须用一艘可以在屏幕边界内自由移动的宇宙飞船拍摄它们。
不过，我遇到了一个问题。为了在小行星经过屏幕外时将其从屏幕上删除，我检查它们是否在屏幕边界之外(x和y坐标: 600x480)。但现在我不能让它们在外面繁殖，以避免它们立即出现在屏幕上。
因此，我考虑使用ParallelCamera并将其移动到x= 100和y= 100，以创建一个100px宽的区域，在那里我可以繁殖小行星并将它们发送到屏幕的另一边。
当我实现相机时，只有在我手动调整整个窗口的大小或更新相机平移后才
浏览 2提问于2015-07-23得票数 0
7回答
我正在使用React Native应用程序，我正在尝试设置一个自定义的启动屏幕，但我无法这样做。
React Native默认情况下会创建一个LaunchScreen.xib，所以我在Images.xcassets中创建了一个LaunchImage：
我还读到，我必须修改我的选项中“应用程序图标和启动图像”下的“启动屏幕文件”：
一旦我这样做了，我的启动屏幕变得完全黑色，当应用程序加载时，顶部和底部都是黑色的框架：
因此，我不知道如何在React Native项目中设置启动屏幕。
如果有人能帮我解决这些麻烦，我将不胜感激。
提前谢谢。
浏览 88提问于2015-12-02得票数 110
回答已采纳
2回答
我正在用Xcode 10.3运行一个，并试图在detailView屏幕中加载一些图标图像，但是由于任何原因，本机无法看到它们。无论我重新加载还是重新构建该项目(react-本机run)，我都会收到以下错误消息：
/Path/To/Project/src/components/DetailView.js：无法从/Path/To/Project/src/components/DetailView.js中找到模块../images/call@2x.png。事实上，这些文件都不存在：
call@2x.png
/Path/To/Project/src/images/call@2x.png/ind
浏览 0提问于2019-07-26得票数 1
回答已采纳
2回答
如何检测按下delete键，我正在处理许多使用php动态生成的图像。现在，我想提供一个功能，以便当按下delete键时，从页面中删除图像，但问题是如何检测到按下了delete键，请指出正确的方向，例如
$('img').delete(function(){
// delete code
});
是否可以使用jquery、javascript或php。
浏览 7提问于2014-03-14得票数 0
回答已采纳
1回答
联想x1碳Ubuntu最新版本(我不知道是什么)
我正在使用Ubuntu并试图重新启动系统。我按下重新启动按钮，什么也没发生。我又试了一次什么也没发生。然后我试图关闭它，但什么也没发生。最后，我强迫我的电脑关闭电源按钮。当我打开它并试图引导到Ubuntu时，它被粘在了紫色的屏幕上。
浏览 0提问于2020-10-04得票数 0
我正在创建一个Windows8.1通用应用程序。我有三页:第1页、第2页和第3页，我在第2页的构造函数中启用了NavigationCacheMode。
当我从页面1(登录页面)导航时，->页面2(搜索屏幕)->页面3(结果屏幕)。
在搜索屏幕上，我通过API搜索电子邮件，然后导航到结果Page.When -我按下结果页上的后退按钮，我的屏幕导航到第2页(搜索屏幕)与以前的状态是可以的。
但是当我从第3页(结果页)登录时，我的屏幕就会被导航到第1页(登录页)。然后，我再次登录，然后它将导航到第2页(搜索屏幕)，但这一次，以前缓存的页面状态也在那里，如果我不想要。
这意味着当我导航到新
浏览 2提问于2015-03-17得票数 0
回答已采纳
虽然到目前为止PhotoSwipe一直很棒，但我似乎无法解决这些小问题。
我初始化PhotoSwipe，如下所示
formPhoto.gallery = window.Code.PhotoSwipe.attach( images, options);
在图片库中，用户可以选择是否删除图像
一旦按下delete按钮，就会运行
formPhoto.gallery.cache.images.splice(e.target.currentIndex,1);
delete formPhoto.activeObj.value[e.target.originalImages[e.target.current
浏览 2提问于2012-05-10得票数 0
回答已采纳
我的android应用程序有一个登录屏幕，它作为主活动启动，意图如下：
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
没有什么是不寻常的(据我所知，关于其他活动，等等，没有在这些或任何事情上设置额外的意图)。
使用模拟器，如果我登录并启动了第二个活动，那么
浏览 0提问于2010-11-30得票数 2
4回答
ubuntu安装USB后不会启动
、、、、
我想用Ubuntu替换windows，所以我用USB棒和CD在硬盘上安装了它，但是每次我尝试安装它时，当它完成安装时，我会重新启动计算机，但是我得到的只是一个带有小行的黑色屏幕(标记您要键入的位置的行)，就像它试图从某个东西启动，但它找不到它(我尝试安装了大约10次)。我试着让黑屏亮了30分钟，看看它是否会启动，但什么也没有。我整晚都在试着离开现场的Ubuntu，看看它是否还在安装，但是什么也没有，只有那个黑色的屏幕。我也尝试过将它安装到我的USB手柄上，但是当我从它启动时，它写着“按任意键重新启动。”如果我按下任何东西它就会重新启动。有人能帮忙吗？
计算机信息：
HP展馆520 N
Inte
浏览 0提问于2012-06-19得票数 0
我正在练习“反应”中的待办事项清单，我遇到了一个我不明白的问题。无法从处于我状态的数组中删除该项。我将索引传递给delete函数，而不是试图通过数组筛选来设置一个新的状态。
下面是我的App组件的代码：
class App extends React.Component {
state = {
tasks : []
}
addToScreen = (task) => {
const tasks = { ...this.state.tasks }
tasks[`task${Date.now()}`] = task
this.setState(
浏览 0提问于2019-05-03得票数 1
回答已采纳
1回答
在平面列表上取消渲染图像
、、、
我正在尝试添加一个不同的图像到我的扁平列表的每个关键字。然而，图像并不是通过渲染项目来显示在屏幕上的，而仅仅是键。图像的来源是正确的，图像的名称也是正确的。你能找出我犯的错误吗？
export default class HomeScreen extends React.Component {
constructor(props) {
super(props);
this.state = {
searchText: '',
};
}
render() {
//Data can be coming from props or any other source as we
浏览 0提问于2020-05-19得票数 0
9回答
检测触摸式按压与长按压或移动？
、、、、
我目前正在摆弄Android编程，但我在检测不同的触摸事件时遇到了一个小问题，即正常的触摸按下(按下屏幕并立即释放)，长按(触摸屏幕并在上面按住手指)和移动(在屏幕上拖动)。
我想做的是在我的屏幕上有一个(圆的)图像，我可以拖动它。然后，当我按下它一次(短/正常按)，Toast就会出现一些关于它的基本信息。当我长按它时，一个带有列表的AlertDialog出现，用来选择一个不同的图像(圆形、矩形或三角形)。
我用自己的OnTouchListener制作了一个自定义视图来检测事件并在onDraw中绘制图像。OnTouchListener.onTouch是这样的：
// has a touch p
浏览 0提问于2010-12-01得票数 68
我决定升级到新版本的，然后尝试通过"npm“启动该应用程序，每当它加载到屏幕上时，下面的错误就会弹出：
编译有问题:X错误插件"react“在"package.json”、eslint-config-app、C：\Users\27 was \Desktop\app Projects\Development\finevines\node_modules\eslint-config-react-app\base.js".和"BaseConfig C：\用户\27 was\Desktop\React Projects\Development\finevines
浏览 6提问于2021-12-16得票数 5
回答已采纳
嘿，伙计们，我正试着在屏幕之间切换。我已经设置了一个名为游戏的屏幕，我正试图从on press功能转到该屏幕。当我按下图像时，我想在屏幕之间移动。一切都正常，除了它在点击时不能在屏幕之间导航，它不会做任何事情。我使用的是一个底部的and导航器和react导航。如果我将屏幕添加到底部的选项卡导航器中，这是我不想做的
浏览 0提问于2018-10-07得票数 0
我想做的是，每次用户触摸屏幕时，我都会在屏幕上添加一个小公告图像。
UIImage *img = [UIImage imageNamed:@"shoot_a.png"]; //bullet shot image
im.image = img;
[self.view addSubview:im];
，如果用户触摸50次，屏幕上就会出现50幅图像。
现在我想，如果用户点击一个按钮，所有这些子弹应该从屏幕上删除。
我希望我的问题是清楚的。
[im removefromsuperview]不适合我。
如果我想在运行时将图像添加到数组中，我如何添加和发布？或者有什么更好的
浏览 4提问于2010-07-08得票数 0
回答已采纳
1回答
我正在使用react-native-router-flux作为路由器。这是我的第一个RN应用程序，在其中我有一个主屏幕，和一个聊天屏幕。我的主屏幕工作良好，我能够成功地导航到聊天屏幕上的按钮按下。然而，我的主屏幕有一个足够的形式和值，用户输入(名称)我想传递给聊天屏幕作为一个支柱。
主应用程序组件
import React, { Component } from 'react';
import Home from './components/Home';
import Chat from './components/Chat';
import
浏览 2提问于2017-09-30得票数 2
我试图在RN中显示如下图像：
从顶部开始，没有填充
伸展到屏幕的宽度
保持高宽比
图像大小为340×340。
以下是Genymotion的Nexus 5仿真器(屏幕分辨率1080x1920)上显示它的方式：
这是密码：
import React, { Component } from 'react';
import { View, Animated, Text, Dimensions } from 'react-native';
const { height } = Dimensions.get('window');
浏览 0提问于2018-04-28得票数 2
回答已采纳
我有两个组成部分(清单和细节)：
List.js：
export default class List extends React.Component {
render() {
const {navigate} = this.props.navigation;
return (
<View style={styles.container}>
<Text style={styles.headerText}>List of Contents</Text>
浏览 2提问于2017-08-18得票数 8
回答已采纳
我在React Native中创建了自适应布局，所以我要做的所有事情就是让svg图像按屏幕大小缩放。我如何使用react- Native -svg在React native中做到这一点？
浏览 2提问于2020-09-10得票数 0
4回答
React-导航:按图像导航
、、、、
我正在尝试通过按下SearchScreen.js上的特定图像来浏览屏幕。每个图像都指向不同的屏幕。我目前正在尝试从第一个图像导航到屏幕meo_sw.js。然而，我不能做到这一点，我不明白为什么。下面是SearchScreen.js的代码：
import React from 'react';
import { ScrollView, StyleSheet, TextInput, Text, View, Image, TouchableOpacity} from 'react-native';
import { NavigationContainer } from
浏览 0提问于2020-02-21得票数 1
我正在做一个react Native Project.In，要更改屏幕，我使用React导航，这是great.Moving屏幕，传递参数通常是绑定到一个onPress或onClick事件作为Navigator.navigate(‘设置’，参数)从‘主页’移动到‘设置’screen.Moving从设置回到主页是自动完成时按下后退按钮，而不需要绑定它在一个Button.But中的问题是，我不能传递参数从‘设置’屏幕到‘主页’屏幕，我可以解决这个问题吗？
浏览 32提问于2021-07-11得票数 0
回答已采纳
4回答
因此，我有来自api的数据，并将其映射到上面以显示这些图像：
所以我试着做这个项目，现在我基本上被困住了，我不太擅长react和css，但我正在学习，我现在想要做的就是添加删除功能。我已经创建了一个函数，当我点击图像时，可以从数据中删除图片，但我想要的是当我悬停在图像上时，会出现一个红十字，当我按下红十字时，我可以触发该函数并删除该图像。
代码：
import React,{useState,useEffect,useReducer} from 'react';
import axios from 'axios';
import {useForm} f
浏览 7提问于2020-06-07得票数 0
回答已采纳
2回答
我正在尝试跟踪本机文档访问的反应。我试过用包装相机的滚动图像。当我按下‘开放相机滚动’按钮，Modal从底部与‘关闭模式’按钮可见，但没有从相机滚动的图像。
当我没有将它包装在Modal中时，这些图像就会出现，但它们会破坏我屏幕上所有组件的布局，这就是为什么我试图将其放置在Modal中(没有成功)的原因。
此外，如果你能给我一些技巧，如何使图像可选择，并出现与3张图片/行，这将是非常感谢。
import React from 'react';
import { CameraRoll, Image, Modal, ScrollView, Text, View }
浏览 1提问于2018-02-08得票数 1
回答已采纳
我有一个联系人屏幕，按下“继续”按钮应该允许我导航到“确认”屏幕。我已经从react-router使用了{useHistory}，并将onClick()设置为文件(‘history.push’)，但我仍然无法导航到所需的屏幕。下面是Routes.js文件： import React, { Component } from "react";
import { Router, Switch, Route } from "react-router-dom";
import Review from "./ReviewScreen";
import Co
浏览 21提问于2021-02-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
