Questions tagged [react-image]

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

4
votes
0answers
70 views

React Native Image requests over a single HTTP/2 connection

We have many React Native <Image> components rendering per screen and are witnessing performance issues due to many simultaneous http requests. Opening and closing a connection is expensive, and ...
0
votes
0answers
57 views

Images take place but doesn't appear in react native

When I try to add an image to my first react native application it doesn't appear even if it take place. I did like the documentation said but the problem still exists here's my code: <Image ...
0
votes
0answers
29 views

How to set extension to new File() converted from base64 string?

I cropped an image using react-image-crop which by default converts it into a blob url. I converted the blob url to base64 string and then tried to convert it to a File. But when I send that file to ...
0
votes
0answers
88 views

react-slick with react-image-zoom conflict image Zoom not working

i want zoom image with multi slider like eCommerce product but react-image-zoom conflicting with react-slick import Slider from 'react-slick'; import ReactImageZoom from 'react-image-zoom'; class ...
0
votes
1answer
51 views

Make a proper onClickThumbnail for Lightbox react-images

So I'm setting up a Lightbox component with the react-images library and seem to have everything working. Except for one thing. I have the thumbnails rendering but I can't create a proper onClick ...
1
vote
1answer
136 views

Image load in react

I am uploading less code because I think it is enoug Ask if need more to find error async componentDidMount(){ var image = this.props.data.img console.log(this.props.data.img =='./../images/...
0
votes
0answers
39 views

React image mapper override highlight for certain areas

I am using the npm package react-image-mapper to map certain areas on a hotel floor plan image. Now I want to add a permanent red highlight on the rooms that are already booked and highlight other ...
0
votes
1answer
106 views

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'...
0
votes
0answers
146 views

images getting rotated in react app

This is my code import React from "react"; import { Grid, Header } from "semantic-ui-react"; import Gallery from "react-photo-gallery"; import Lightbox from "react-images"; import _1 from "../images/...
2
votes
0answers
49 views

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 ...
0
votes
0answers
322 views

How to pass prop for an image stored locally in react-native

I tried to pass a prop for the 'require' in IMAGE tag of the react-native component. But, it shows an error "Server code Error 500". The same if I pass a link using URI it works with the props. ...
0
votes
2answers
2k views

React-native, how to resize the image based on the original size of image?

I have list of images to be displayed, wherein size of the image is unknown, how can I display the image fully without any transparent spaces in top and bottom of the image? (I tried getting image ...
1
vote
2answers
1k views

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'...
1
vote
1answer
258 views

react web image @2x append issue

class ProductComponent extends Component { render() { var url ='http://via.placeholder.com/150x150'; return ( <div> <figure><img src={url} alt=""/></...
0
votes
1answer
63 views

Image from Google REST API won't display

In React Native, I am trying to display an image that I retrieve from a fetch (I hard-coded the value here for the purpose of the example): <Image source={uri:{'http://books.google.com/...
1
vote
1answer
250 views

Unable to show image from Redux state in ReactNative

My Reducer: const initialState = { 1: { id: '1', name: 'AryaStark', theimage: "https://upload.wikimedia.org/wikipedia/en/3/39/Arya_Stark-Maisie_Williams.jpg" }, 2: { id: '...
0
votes
1answer
152 views

Why Images not loading, when trying to load from an array in react

I have following code where i am trying to load images from Array, if i try to load a single image it works fine, but if i try to load multiple images it dosent show any image, tho my div test is in ...
2
votes
1answer
62 views

Image not displayed properly

This is how I'm showing my image in React-Native: <View> <Text style={styles.myTitle}> This is the title 2 </Text> <Image style={{ width: null}} source={...
2
votes
1answer
3k views

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 ...

http://mssss.yulina-kosm.ru