Questions tagged [react-native-image]

160 questions
0
votes
1 answer

react native image type .jfif support

I am doing a login with Facebook in the app. where I get a user profile pic. Facebook SDK returns a profile pic URL. profile pic I have saved this file in directory assets/download.jfif and I get it in the RegisterScreen.js like this
user14135278
0
votes
2 answers

When iterate over a map to show all images, I get warning: Each child in a list should have a unique "key" prop

I have a Map data structure, in which the values of the map contains image uri. I simply want to show all images in the Map. Here is what I did: {[...imagesMap.values()].map(myImg => { const source = {uri:…
Leem.fin
  • 40,781
  • 83
  • 202
  • 354
0
votes
1 answer

Iterate over to show images

So, I have a Map data structure, in which the values of the map contains image uri. I simply want to show all images in the Map. Here is what I tried: {[...imagesMap.values()].map(myImg => { const source =…
Leem.fin
  • 40,781
  • 83
  • 202
  • 354
0
votes
0 answers

How to decompress the image in react native

I want to compress the image before saving it in database add decompress the image before displaying. I compress the image using 'react-native-image-resizer' and i got base64. How can i decompress the image to get the original quality image?
0
votes
0 answers

Logo Gets Cropped In Other Devices

I Am New To React Native And I am Facing A Issue With Responsive Image. This Code is working fine on my phone But when I try it on another phone The Image Gets Cropped In The Sides. I Tried The Following solutions Responsive image in React…
0
votes
3 answers

How do I pass a captured image from react native camera to another screen using navigation(version 5)

I followed the documentation it worked but using image data returned after capturing doesn't appear on the new screen. I have searched but not getting any solution for navigating image data. this is the code for passing the image data to the next…
0
votes
0 answers

Image stored on s3 Bucket not loading on physical device - React Native

I'm working on an application in React Native that requires to display images from the network. These images are stored on an S3 bucket that I own. When I try to display the images on my simulator everything goes perfectly. However when I test my…
0
votes
1 answer

Web Image not displaying React-Native

I'm trying to paste a link in a text box (TextInput) in React Native and it isn't displaying the image from the link. I'm not sure where my mistake is . Please may someone help me out i'd really appreciate it . Thank you in advance!!!!!!!!! Here's…
0
votes
1 answer

React Native image web uri not working with real devices ( working in emulator )

I m on my way to create a scroll view for all countries with each one have a flag as an image and a name, my data that I am basing on is relading from an API, after API response I set the countries data in the state object and I call…
0
votes
3 answers

How to control speed of slider in react-native-image-slider-box lib

Everyone. I am building the expo app and added the slider image by using react-native-image-slider-box npm lib. But there is no idea to change the slider speed..... Is there any solution for this and It would be great to use another lib for…
goldvenus
  • 898
  • 1
  • 10
  • 21
0
votes
1 answer

Is there a way to save an Image with a View on it in React Native?

I have this image with the image of a ruler superimposed on it,as you can see in this image, and I want to save the image with the ruler on it to the camera roll . The ruler is a View component on the Image loaded from the camera roll. I am not able…
0
votes
1 answer

ReferenceError: Can't find variable: props

In React-Native, I am creating a functional component called ImageSelector, in which I am using expo-image-picker and using the image URI as a required field in a parent component using Formik. My simulator works and I am able to successfully pick…
Christian Z
  • 21
  • 2
  • 4
0
votes
2 answers

React Native Image: How to render particular image based on input prop?

In my React Native app, I have a component that contains an Image whose source I want to depend on an input prop. I've tried the following two methods: and
0
votes
1 answer

React Native: how do you deal with graphics making time etc at the top of the screen hard to see?

I have the following graphic at the top of the screen in my React Native app: Obviously the problem is that the time, battery power, etc, are hard to see because the graphic is black. How do people normally deal with this kind of thing? If I made…
gkeenley
  • 6,088
  • 8
  • 54
  • 129
0
votes
2 answers

react-native-image-slider-box with local images not working

I am trying to create an image carousel using the "react-native-image-slider-box" library. I configured the library classes and parameters properly but I am not able to see the image-carousel in the mobile expo app. Code that I used: import React, {…
shikher.mishra
  • 155
  • 8
  • 24