如何在应用程序加载React Native时加载图像？
在应用程序加载React Native时加载图像可以通过以下步骤实现：
- 首先，在React Native应用中，可以使用
Image组件来加载和显示图像。Image组件支持网络图片、本地图片和静态资源图片。 - 如果要加载网络图片，可以使用
source属性来指定图片的URL地址。例如： - 如果要加载网络图片，可以使用
source属性来指定图片的URL地址。例如： - 这样，React Native会自动处理图片的下载和加载。
- 如果要加载本地图片，需要先将图片文件放在项目的某个目录下，例如
./assets/images。然后，可以使用require函数来引入图片文件，并将其作为source属性的值。例如： - 如果要加载本地图片，需要先将图片文件放在项目的某个目录下，例如
./assets/images。然后，可以使用require函数来引入图片文件，并将其作为source属性的值。例如： - 这里的
./assets/images/image.jpg是相对于当前文件的路径。 - 如果要加载静态资源图片，可以使用
require函数来引入图片资源。静态资源图片是在编译时被打包进应用程序的，可以通过类似上述的方式引入和显示。例如： - 如果要加载静态资源图片，可以使用
require函数来引入图片资源。静态资源图片是在编译时被打包进应用程序的，可以通过类似上述的方式引入和显示。例如： - 注意，这里的路径也是相对于当前文件的路径。
以上就是在应用程序加载React Native时加载图像的基本方法。需要注意的是，加载大量图像可能会影响应用程序的性能和加载时间，因此可以考虑使用一些优化技术，如图片懒加载、压缩和缓存等，以提升用户体验。
推荐的腾讯云相关产品：腾讯云对象存储（COS）。
腾讯云对象存储（COS）是一种可扩展的云存储服务，可以存储和访问任意类型的数据，包括图像、音频、视频等。它具有高可用性、可靠性和安全性，并提供灵活的数据管理和访问控制功能。
产品介绍链接地址：腾讯云对象存储（COS）
相关·内容
1回答
反应本机加载图像并存储在设备中？
、、、、
我正在为ios和android在应用程序中创建react原生应用程序，有很多图像和gif文件增加了应用程序的大小，以解决我将图像上传到服务器并从服务器加载的问题**但问题是，我不希望每次用户打开应用程序加载图像时，我需要将它们存储在本地存储中，如果图像在本地存储中不可用，则它将下载并存储在那里。我需要在react native ** React native版本0.64中做到这一点的最佳方法
浏览 14提问于2021-06-24得票数 1
回答已采纳
1回答
您好，在我们的react原生应用程序中有以下代码： import { SvgCssUri } from 'react-native-svg';
<SvgCssUri style={styles.osIcon} uri={'https://mon.zappiehost.com/images/os/' + props.data.icon} /> 我甚至尝试过使用简单的SvgUri (而不是SvgCssUri) 但图像仍然加载时没有一些内容(黑色颜色)： ? ? 下面是使用的原始SVG图像：https://raw.githubuserconte
浏览 25提问于2021-07-25得票数 1
我想在背景图像的“前层”上渲染一张svg图像。
当视图加载时，只有背景图像出现，并且我没有得到任何错误。图像是否正在加载(在背景中)？
以下是我到目前为止所做的工作：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
View,
Image,
} from 'react-native';
import SVGImage from 'react-native-svg-image';
export default class S
浏览 1提问于2017-08-10得票数 0
1回答
我只是第一次开发react-native应用程序。我正在使用react-native-router-flux进行导航，并且必须创建一个feed页面，它使用react原生FlatList在Image和Text组件中显示feed。问题是，应用程序从远程服务器获取数据的速度非常慢，即使使用本地主机也是如此。
数据的格式如下
{
[
title : "Test title",
description : "Test Description",
imageUrl : 'http://192.168.22.22
浏览 0提问于2017-06-07得票数 1
当我运行react-native run-android时，我的应用程序的正确版本同时运行在模拟器和物理设备上。然而，当我尝试运行./gradlew assembleRelease或react-native run-android --variant=release时，我得到了该应用程序的旧版本。在运行./gradlew clean之前，我尝试过运行assembleRelease。我还尝试手动删除apk和json文件。但我不断得到一个旧版本的应用程序，没有所有的新功能。
编辑:使用来自这个的说明。我能够加载新版本，然而，我失去了所有新的图像，与新的版本。如何确保图像被加载
react-nati
浏览 0提问于2018-11-09得票数 0
回答已采纳
在我们的React Native应用程序中，应用程序似乎经历了不同的加载阶段。通常，当从主屏幕打开时：
1)显示启动图像。这似乎会等待本机应用程序启动
2)当React Native在屏幕上加载组件时，会有一个全屏的白色闪光(我假设)
3)应用程序内容开始加载(例如，开始显示组件中内置的加载微调器等)
第二步感觉有点不对劲。有没有办法解决这个问题？理想情况下，告诉原生层只在组件“初始化”后才停止显示启动图像是很好的--这可能吗？
否则，有没有更好的方法来处理这个问题呢？我注意到其他(通常是本机的)应用程序通常不会这样做。
浏览 27提问于2019-07-12得票数 1
回答已采纳
0回答
标题说明了一切。当我的React Native应用程序在后台运行一段时间后返回时，所有(或至少部分)指向外部uri的图像元素都将变为空白。
考虑到这可能是iOS占用了应用程序的内存，我试着让应用程序重新渲染-并重新加载这些图像-当它变得活跃时：
React.AppStateIOS.addEventListener('change', (newState) => {
if(newState === "active") {
this.forceUpdate();
}
});
但是，虽然它可以重新渲染，但它不会重新加载图像。
这里
浏览 5提问于2016-07-21得票数 4
回答已采纳
我很难让React Native中的图像按我想要的方式工作。
因为RN中的图像是在单独的线程中进行本机解码的，所以React Native会在每个单独的图像加载后，在不同的时间显示我的组件中使用的图像(背景图像、手柄、旋钮、滑块)，而不是在组件准备就绪时立即显示整个组件。
我使用了require方法来渲染图像：
<Image source={require('./component-bg.png')} />
<Image source={require('./handle.png')} />
<Image source={requi
浏览 64提问于2015-12-15得票数 23
2回答
在yarn or npm react-native-screens我的应用程序不再调试之后，它说，不幸的是，应用程序已经停止了。
当我做的时候
react-native link react-native-screens
上面写着
npm\react native.ps1无法加载，因为此系统上禁用了正在运行的脚本。
我的RN vers。
反应-本机-cli: 2.0.1
反应-原生: 0.61.5
浏览 3提问于2020-02-20得票数 0
1回答
您好，我正在尝试开发一个when应用程序，当我在Xcode模拟器中运行我的React Native代码时，没有加载我的静态图像(位于‘src/ iOS’文件夹中)。我加载图片的语法是正确的(例如，我有一个source标签，甚至指定了width和hieght)。 为什么图像不能加载到我的iOS模拟器中？还有其他人遇到过这个问题吗？ 我有Xcode12和react-native 0.61.5。我的模拟器运行的是iOS 14。
浏览 14提问于2020-10-07得票数 0
回答已采纳
我正在学习React Native，并在expo中实践它。我已经为我的应用程序做了一个加载屏幕，它使用npm react-native-progress。
有没有办法用我的屏幕替换app.json上expo中的开机画面？我做了一些研究，我发现expo附带了这个默认的启动图像选项。我如何摆脱这个".png图片飞溅“的expo，并在应用程序加载时使用屏幕？如果有，请指导我通过this.Thank你。
浏览 0提问于2020-04-22得票数 0
我试图在我的反应本地应用程序显示画廊图像，但它没有显示任何东西。这是我为画廊图像做的代码。
import React, { Component } from 'react';
import { StyleSheet,Text,View } from 'react-native';
import CameraRollPicker from 'react-native-camera-roll-picker';
export default class Gallery extends Component{
getSelectedImag
浏览 0提问于2018-07-04得票数 1
回答已采纳
我有一个问题:当我使用react-native- image -progress，react-native-fast-image时，图像不可见。我想为listview添加加载图像。谢谢！
import ProgressBar from 'react-native-progress/CircleSnail';
import FastImage from 'react-native-fast-image';
import { createImageProgress } from 'react-native-image-progress';
const
浏览 19提问于2017-09-13得票数 0
react native:如何在安卓上设置图片defaultSource。
我已经阅读了React native 1.58文档。我发现图像道具defaultSource只支持iOS。
当网络图像加载错误时，我需要设置默认图像。
我曾经写过这样的代码：
{ ImageUrl?
<Image style={styles.docimg}
source={{uri: ImageUrl}}/>
:
<Image style={styles.d
浏览 0提问于2017-06-20得票数 11
我是react的新手，我正在编写一个应用程序，将图像从本地文件系统加载到平面列表中，以提供图像选取器。我将图像加载到组件did挂载方法中的数组中，并将其作为数据源添加到状态中，以便在加载图像时触发渲染。 我已经尝试了require关键字，这给出了一个语法错误，我也尝试将图像加载为uri，但这呈现了一个空白布局。 在第一个图像加载的第53列给出了一个语法错误 componentDidMount() {
var that = this;
let items: [{"key": "r", "image": require(".
浏览 14提问于2019-05-19得票数 0
回答已采纳
所以我现在已经在屏幕上渲染了我的图像。我正在尝试实现一个功能，当我按下图像时，它将以全屏打开(在全屏时，我将能够放大)。 我最初使用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
我使用以下命令创建了一个react应用程序：
npm install react-native
npx create-react-app my-app
cd my-app
npm start
我在App.js中添加了下面的代码，并重新加载了浏览器。
import {SafeAreaView} from 'react-native';
但它不断地显示出错误：
./src/App.js
Module not found: Can't resolve 'react-native' in '/Users/sdan/Documents/Projects/m
浏览 4提问于2020-05-26得票数 0
回答已采纳
我正在实现一个带标签导航的React Native应用程序。在“主页”标签中，大约有30张图片。当我切换到另一个选项卡，然后回到“主页”时，图像会闪烁，而不会更改来源。请参考下面的gif。 ? 我不太确定，但我认为图像闪烁的原因是因为它被重新加载了。这种情况只在Android上发生，并且在切换选项卡时发生。当我移动到同一选项卡中的另一个屏幕时，我找不到这个。请参考下面的gif。 ? 我想使图像不闪烁，一旦他们被加载。
浏览 204提问于2021-04-21得票数 1
我正在尝试构建一个非常简单的react本地应用程序来测试react导航。它可以正常工作，直到我安装了react导航并加载以下代码。
import { StackNavigator } from 'react-navigation';
在运行时，它给我消息“无法解析来自'Users/me/Desktop/Code/flexbox/node_modules/react-navigation/src/views/Header.js'...”的模块'react/lib/ReactComponentWithPureRenderMixin‘尽管该文件实际上存在于该位
浏览 2提问于2017-04-18得票数 0
回答已采纳
我正在开发一个应用程序，用户需要从图片库或相机加载图像，我正在使用react-native-image-picker库来访问相机，但是，我使用它时没有使用react-native-permissions，它仍然可以工作。我知道这不是一个好方法，我只是好奇如何在没有得到许可的情况下进入用户的照片库/相机，当我尝试将其上传到app Store或Google Play时，应用程序会被拒绝吗？
浏览 54提问于2021-08-05得票数 1
我已经安装和建立了我的第一个反应本地应用程序从。当我运行react-native run-android时，nodes server已经被快速打开和关闭。
这是我的项目信息：
下面的图片是我运行react-native run-android的时候。
下面的图像是nodejs server关闭时的图像。
有什么问题？
浏览 1提问于2019-07-07得票数 10
回答已采纳
如何在react-native应用程序中使用react-native-google-cast npm转换图像，或者是否有npm可以在react-native中转换图像文件，google-cast库采用不同的参数，图像URL也不转换图像文件
浏览 30提问于2020-10-26得票数 0
回答已采纳
我正在尝试使用react native构建一个游戏，我需要在应用程序开始时有一个加载屏幕，以下载最新的应用程序配置和资产，如图像，字体，...。我想知道怎样才能做到这一点？有没有能帮到我的图书馆？
我读到过"rn-fetch-blob“和"react-native-fs"，这是唯一的方法吗？我不想让用户获得只在我的应用程序中使用的资产的权限。
如果您云，请帮助我与您的建议。谢谢。
浏览 2提问于2019-04-20得票数 0
下面的代码在iOS上运行得很好。
实际上，下面的代码是从iOS 1逐字复制的。
我确保了这一反应--通过进行其他更改并将其加载到应用程序中，本机正在正确地将更改加载到我的应用程序中。
尽管如此，的图像根本不显示在安卓系统中。
更新：我尝试了“检查元素”，我可以在屏幕上看到图像，但是它是一个空白框。
我像这样运行服务器
react-native start > /dev/null 2>&1 &
然后每次我更改代码时都会运行这些
curl "http://localhost:8081/index.android.bundle?plat
浏览 0提问于2015-11-03得票数 2
我试图通过使用带有样式的<Image source={{}}在React-native中加载图像，但图像不显示在屏幕上(使用Genymotion Emulator)
依赖关系如下；
"dependencies": {
"react": "16.6.3",
"react-native": "0.58.3",
},
App.js
import React from 'react';
import { View, Text, Image, StyleSheet } from 'r
浏览 1提问于2020-04-13得票数 0
大家早上好。我从原生react开始，我想将相同的图像放到我的移动应用程序中，我为每个screes (页面)创建了一个使我的图像在每次改变屏幕时加载的页面，我想要做的是放入相同的图像，并为所有组件加载它，以便图像只为所有屏幕加载一次 我所做的是创建一个background.js组件，其中包含我导出并导入到其他屏幕中的，但它不起作用 下面是我在background.js中做的事情 import React from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
KeyboardAv
浏览 21提问于2019-04-17得票数 0
回答已采纳
1回答
我正在用React Native开发一个应用程序。
我有一个问题，图像无法加载，因为包含图像的视图被故意加载一次，并且不会重新渲染，因此在加载图像时不会加载太晚。
在运行发布版本时，这不是问题，因为图像等资产直接加载到设备上，而不是通过Metro Bundler进行流式传输。
我如何重新创建与发布模式相同的行为，以便在测试时将图像复制到设备，但我仍然可以访问开发功能，如实时重新加载？
浏览 5提问于2019-09-28得票数 0
我正在使用react-native-paper开发我的应用程序的UI。 我想使用Card.Cover在react-native-paper的Card组件中显示一个图像。 当我使用debug apk时，图像可以正常显示，但当我使用release apk时，它不会加载。 下面是我的组件和我试图加载的图像： const image = {
name: 'Some Test Image',
uri: 'http://www.memoriarondonense.com.br/public/timthumb.php?w=780&src=http://ww
浏览 24提问于2021-11-11得票数 0
我是React Native的初学者。我今天就开始学了。我试图在屏幕上显示一个图像，但我在这里遇到了一些问题。
我的代码
import React from 'react';
import { Text, View, TouchableOpacity, Image } from 'react-native';
export default function App() {
return (
<View>
<Image source={{ uri: 'https://i.imgur.com/G1iFNKI.jpg
浏览 0提问于2021-10-03得票数 0
我正在构建一个带有react native和expo (托管)的应用程序。我正在尝试将图像压缩到特定的文件大小，但只能找到允许我设置“质量”设置的库(将图像压缩到某个任意大小)。 有没有像browser-image-compression这样的库可以让我设置一个“目标”图像大小，用于react native和expo？ (或者有没有其他方法可以实现这一点？)
浏览 16提问于2019-12-30得票数 0
回答已采纳
7回答
我正在使用React Native应用程序，我正在尝试设置一个自定义的启动屏幕，但我无法这样做。
React Native默认情况下会创建一个LaunchScreen.xib，所以我在Images.xcassets中创建了一个LaunchImage：
我还读到，我必须修改我的选项中“应用程序图标和启动图像”下的“启动屏幕文件”：
一旦我这样做了，我的启动屏幕变得完全黑色，当应用程序加载时，顶部和底部都是黑色的框架：
因此，我不知道如何在React Native项目中设置启动屏幕。
如果有人能帮我解决这些麻烦，我将不胜感激。
提前谢谢。
浏览 88提问于2015-12-02得票数 110
回答已采纳
1回答
我使用了ListView组件从react本机，并使用它来渲染产品的细节和图像。
现在，在加载图像后，我将视图向下滚动。当返回到以前的产品时，只有图像消失了，并且似乎再次从源加载。
图像源是一个URL。
请告诉我如何持久化已经加载在当前react屏幕中的图像.
我正在使用：
"dependencies": {
"react": "16.0.0-alpha.12",
"react-native": "0.45.1",
"react-native-keyboard-aware-scrol
浏览 4提问于2017-07-07得票数 0
我在Reactinative0.43.3开发了一个项目
我犯了一个错误，我只在iOS中开发和测试所有项目。(在那里工作很好)
问题是当我试图生成APK上传到PlayStore时，并在我发现的错误的设备上进行测试：
不能将android.widget.imageview转换为android.view.viewgroup
我的主要问题是如何显示错误。是在死的红色屏幕上，我不知道如何在反应本机中找到发生错误的线和组件。我想我可能无法意识到这一点，因为javascript代码已经编译好了。
不管怎样，我不知道怎么解决这个问题。
我认为可能是因为我在图像中使用了旋转器(以显示正在加载的图像)，类似于：
浏览 7提问于2017-06-08得票数 0
2回答
我正在尝试找到一种在我的react应用程序中显示图像的方法。我需要的镜像需要一个持有者令牌，换句话说，当我访问这个镜像时，我需要传递一个带有持有者令牌的头部。我正在从react-native转到react，所以在react-native中，我可以直接在Image组件中提供header，但似乎不能在img标签中传递header，这是html标签。所以我的问题是如何在react中显示需要持有者令牌才能访问的图像。
浏览 1提问于2020-03-05得票数 2
我们的图像和数据库中的视频被压缩成webp。然而，我是一名使用React Native的iOS开发人员。在React Native文档中，iOS不支持webp镜像。我该怎么处理呢？我的RN版本是0.59。有什么解决方案吗？
浏览 57提问于2020-01-20得票数 0
回答已采纳
我想在单击选项卡时加载我自己的函数。因此，它应该加载我的(已测试并运行的)函数，该函数允许您从iOS模拟器库中选择图像，而不是加载选项卡的屏幕。此选项卡“AddImage”位于“主页”和“设置”选项卡之间。我不需要切换到任何其他选项卡，只需单击“AddImage”选项卡图标，运行我的函数openGallery()。 import React, { Component } from 'react';
import { Platform, Text, View, StyleSheet, Dimensions, TouchableOpacity, CameraRol
浏览 8提问于2018-12-22得票数 0
1回答
我在我的示例演示应用程序中使用了以下代码行来显示来自asset的静态图像folder.It运行良好，但是当我加载离线捆绑包(Production apk)时，该图像消失了。
<Image source={require('./assets/image/sample.png')} style={{width: 400, height: 450 , padding:10}}/>
我的项目结构是这样的：
在我尝试使用以下命令捆绑离线apk应用程序后：-
react-native bundle --platform android --dev false
浏览 1提问于2018-02-15得票数 0
在下面的代码示例中，这段代码在React Native Web Player上运行得很好：
但是在运行"react-native run-android“之后，应用程序在我的手机上加载了所有的文本，但没有图像。有一个很大的差距，图像应该是，但不是图像！图像在Web播放器上渲染得很好，所以我想知道这是不是应用程序如何打包的问题？
App.js中的代码
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component }
浏览 0提问于2018-04-20得票数 2
我正在尝试使用React Native创建一个android应用程序。我对原生反应还很陌生。我的问题是，我们可以像https://domain_name.com/appname/index一样加载index.js文件吗？或者我们将http:localhost:8081设置为react native？
浏览 48提问于2020-12-23得票数 0
声称，在react native中加载静态图像可以获得巨大的性能提升，只需将图像复制到native包中，而不是让react native bundler处理它们。其想法是，react本机捆绑包包含的映像必须通过桥进行复制，而编译到本机项目中的映像则不需要。我还不能从react-native代码和文档中辨别出这是否是真的。
将静态图像直接添加到react native中的本机项目，而不是让react native bundler处理它们，是否会带来性能上的好处？
浏览 0提问于2020-02-25得票数 1
在我的react本机应用程序中，我只是尝试添加一个名为RoundImageComponent的共享组件，并添加了一个RoundImageComponent.style来添加css样式。当使用此圆图像组件时，图像的宽度将根据应用程序的要求作为道具传递。在某些情况下，宽度将不会按以下方式添加到组件标记中，
RoundImageComponent width={90} roundImage="https://media.wired.com/photos/593222b926780e6c04d2a195/master/w_2400,c_limit/Zuck-TA-AP_171457487507
浏览 1提问于2017-12-18得票数 2
回答已采纳
我正在更新一个用户档案图片，并能够看到图像在数据库中的变化。我将图片的位置存储在个人资料图片中。我能够看到重新加载应用程序时发生的更改，并且能够立即看到firebase存储中的图像更改。 结构是这样的： ? 下面是我用来更改图像的函数： export const changeUserAvatar = (userId, imageUrl) => {
firebaseService
.database()
.ref('users/' + userId)
.update({
profilePicture: i
浏览 18提问于2019-02-11得票数 3
回答已采纳
我正在尝试显示启动屏幕，位置屏幕时，应用程序打开基本上是singleScreenApp，一旦位置被选中，我想把用户推到home screen，这是TabBased screen与侧抽屉。对于导航，我使用的是名为的For本机包。
我面临的问题是，当页面加载时，它直接带我到主页。启动屏幕和登录屏幕没有出现。
这是我每页的代码
App.js (这是应用程序的入口点)
import { Navigation } from 'react-native-navigation';
import { registerScreens } from './screens/index'
浏览 2提问于2018-06-05得票数 1
1回答
我有一个React Native应用程序，我想要发送一个图像到我的Flask后端来做一些图像处理(注释)，然后将这个新图像返回到React Native以显示它。 我花了一整天的时间试图弄清楚这个问题，但没有成功。有没有人对如何实现这一点有什么想法？ 我计划使用Firebase的存储系统来存储这些图像，所以我也不介意使用它，如果这能让事情变得更容易的话。 到目前为止，我已经尝试过将图像uri发送到Flask并读取图像文件，并且能够进行图像处理，但是我不知道如何将新图像发送回React Native……
浏览 24提问于2021-05-01得票数 0
我最近开始将react native集成到一个已经存在的android应用中。我已经尝试了页面中提到的多种图像加载样式
方法1(混合应用程序)：对于使用<Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40, height: 40}} />的安卓系统，该方法不会加载应用程序上的任何内容，只加载了一个40X40的空白区域。
方法2：<Image source={require('./my-icon.png')} />我使用了图像app/res/drawable-hdpi/
浏览 4提问于2018-02-01得票数 0
回答已采纳
3回答
我的反应本地应用程序不会启动。在启动和未启动之间，我没有做任何重大更改，只是重新加载应用程序。
我一直在犯这个错误：
“反应本机版本错配”
版本不匹配的图像：
我试着查看类似性质的帖子，但这些解决方案都没有帮助。
偶尔，当我在安装和卸载react本机版本以尝试修复应用程序时，我遇到了以下错误：
"RCTView生成的validAttributes视图配置与本机missingL accessibilityTraits不匹配“
第二错误图像：
我试过的是：
更新用于项目的所有包。
卸载和重新安装-本机
重新启动终端和计算机
这是我的packa
浏览 7提问于2019-10-01得票数 0
晚上好..。 我正在从事原生react的工作，开发一个应用程序&在Android中完全是新的。我在android-studio中打开了react-native的android项目，并在设备上运行它。但整个应用程序中的图像都没有加载到设备中，但它们正在Emulator中加载。 在登录屏幕中，登录图像已加载 <ImageBackground
source={require('../../assets/images/login_bg.png')}
style={{
flex: 1,
浏览 20提问于2019-09-11得票数 0
2回答
当我使用expo运行react本机项目时，我得到了这个错误：“这个项目使用SDK 38.0.0，但是这个版本的博览Go只支持以下SDK : 43.00，42.0.0，41.0.0，40.0.0。要加载该项目，必须将其更新为受支持的SDK版本，或者必须使用较早版本的世博会Go”我已经在项目中安装了所有需要的软件包，那么如何解决呢？
"dependencies": {
"@eva-design/eva": "^2.1.1",
"@react-navigation/drawer": "^6.1.8",
浏览 17提问于2021-12-12得票数 5
我正在使用nodejs和react native。我是个初学者。我正在开发一个电子商务应用程序。我向我的本机应用程序发送一个项目列表，比如说100个项目。这些项目具有需要从节点获取的图像信息。因此，应用程序向节点发送100个请求以获取图像。我知道这不是一个好的做法，我需要优化。
有没有办法让我现在发送20个项目，然后在用户滚动它们之后，我发送接下来的20个项目。我如何记录我已经发送给用户的项目数。
这个问题还有其他解决方案吗？
浏览 0提问于2020-07-04得票数 0
我是新来的本地人。当在应用程序中按下前一个按钮和下一个按钮时，图片会发生更改。但是它会等待一段时间，直到图片被加载到屏幕上。因为图像是从火柴库里传来的。当按钮被按下，我想要一个加载图标出现，直到图像被加载。在这种情况下，我不知道如何使用ActivityIndicator。有人能帮我吗？
应用图片：
代码：
import React, { useState } from 'react'
import { Image, Text, TouchableOpacity, View } from 'react-native'
import { StyleSh
浏览 1提问于2021-11-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
