Stack Overflow
Stack Overflow

Questions tagged [react-image]

React Image is a reactjs component that facilitates loader and fallback lifecycles

62 questions
8
votes
0 answers

React Native Image requests over a single HTTP/2 connection

We have many React Native components rendering per screen and are witnessing performance issues due to many simultaneous http requests. Opening and closing a connection is expensive, and having too many simultaneous connections can hit…
sgarza62
  • 5,998
  • 8
  • 49
  • 69
6
votes
3 answers

How to draw square to tag an object. (React Native)

I see many mobile apps having a feature that user can draw a square to indicate something to tag on the image. I'm building Face Tagging app and basically user draws square on the boundary of human's face on the image. I've Googled it many times but…
merry-go-round
  • 4,533
  • 10
  • 54
  • 102
3
votes
2 answers

What can you use instead of react-native-fast-image?

I am working with Expo and i dont want to use dev client. Anyone got any alternative to react-native-fast-image or a way to implement it without using dev client?
nazorbeam
  • 83
  • 7
3
votes
5 answers

How to access react public folder in SCSS to import images

There is folder named 'img' inside public folder. If I write this, background: url(img/hero2.jpg) no-repeat center; Then it throws this error. Module not found: Can't resolve './img/hero2.jpg' in 'D:\Programming\react\redux-blog\src' If I write…
Prasanga Thapaliya
  • 657
  • 1
  • 8
  • 19
2
votes
2 answers

React Docker Image Build Takes too long time. I need to fix this

The docker code is put below FROM node:16.9.1-alpine as build WORKDIR /app # Copy required files/folders to docker directory COPY package.json /app COPY package-lock.json /app COPY lerna.json /app COPY yarn.lock /app COPY babel.config.js /app COPY…
Umer Tahir
  • 21
  • 3
2
votes
2 answers

How to download image in React.js?

I use this to download - Download But it's not working for me. I use the Chrome browser. It just opens the file in the browser.
Shahid
  • 129
  • 10
2
votes
1 answer

React images caption error from api maybe to do with correct Index

Following on from: How to make my react-multi-carousel use a light-box feature for my ReactJS app My app is using react-images for lightbox and react-carousel-images for the carousel. My api has a title and image. Problem I have is the title in the…
Sole
  • 3,100
  • 14
  • 58
  • 112
2
votes
0 answers

Not able use properties of to react-images Lightbox

Not able to access onOpen and onAfterOpen, onAfterClose properties. also not able to find document for properties of Lightbox.
ila
  • 21
  • 3
2
votes
1 answer

React Native 'require' statement resolves to a number when used in mapping

I understand that require('') needs a static string, but when I try to map values in packaging to be used later in code const BOXES2 = { silver: require('../../assets/imgs/status/silveroutline.png'), gold:…
1pocketaces1
  • 137
  • 1
  • 11
2
votes
1 answer

Performance of require when used in image component source

I am new to react native and having some issues with react image component. I read the documentation and searched several articles and questions asked on stack overflow. I got the idea that src of Image component can either take a string (either a…
Asjad Amin
  • 21
  • 2
2
votes
1 answer

Image not displayed properly

This is how I'm showing my image in React-Native: This is the title 2
Somename
  • 3,376
  • 16
  • 42
  • 84
2
votes
1 answer

Convert static image to Base64 in ReactNative

I have static image which i need to convert in Base64 and then send it to Android/iOS native code. If i select an image from file i am able to send it to native code and convert that to Base64. But what if i have static image and then send it to…
Ravi
  • 34,851
  • 21
  • 122
  • 183
1
vote
1 answer

React Native Background Animation Reverse

I have an application that I wrote in react native. I tried to make an animated background with Animated Api and Image for this app. Animation works but only in one direction. After the animation runs, I want it to run in the opposite direction it…
ttars
  • 69
  • 6
1
vote
1 answer

How can I call image from outer folder of my react-app folder in react.js

My image is stored in the server folder and my react app folder is food enter image description here I wanted to call images from server(server>uploads>foods) folder to food(food>src>home). I was used back path like as (../) but it doesn't work. So,…
Md. Ismail
  • 13
  • 2
1
vote
0 answers

Trouble importing images in React.js

So im new with react and i have made a react project using create react app. Im trying to import an image to use in one of my components. I know that in react to use images you import them using an import statement with the relative path to your…
Cian Darcy
  • 57
  • 6
1
2 3 4 5