Questions tagged [react-native-image]

160 questions
0
votes
1 answer

React-native android images flashing on load

I am having trouble on Android where the images are flashing only on Android and I cannot seem to find a solution. I have attached a video below to show the problem Here is my Flatlist
0
votes
1 answer

Issue with images styling inside a FlatList - React Native

I'm trying to design an application screen (I used React Navigation) where several images are displayed vertically inside a FlatList. Each image takes up around 90% of the screen, is centered and has some border-radius, to see the other images, the…
0
votes
0 answers

How to trigger component refresh using Context API with Images in React-Native

I am having difficulty triggering the component refresh of Image in my react-native app while using a Flatlist and Context API I have the following method for selecting an image and adding it to the context ` const pickImage = async () => { …
0
votes
1 answer

React native image post with rest api

There is a section in my application where I need to take photos from users and post them to the server with rest api. ı take photos by users from camera or select gallery. After taking photos, I keep and access by path in redux array. But when…
0
votes
0 answers
0
votes
1 answer

How do I add different images for different app 'flavors'?

I've built a React Native app which has 2 versions - production and dev. I've created slightly different app icons and added these in XCode & Android Studio, and those are working fine. However, I have a screen within the app which needs a logo,…
Sharon
  • 3,471
  • 13
  • 60
  • 93
0
votes
1 answer

React native image contain

I want to fit an background image with full height and wdith,in contain mode but when i do the image height and width will get half [![i got this result when i user resizemode="contain"][1]][1] But when i use resizemode="cover" then image will cut…
0
votes
1 answer

React Native Image Styling

I want to set my image according to screen size and dimension but I am not able to do it please help me out If I rotate the phone it should set accordingly
0
votes
1 answer

can't display images from localhost dev server in react native

I'm trying to render images in react native from my local dev server, but I'm not able to shoe images. The image URI I'm getting from the server is a proper one I checked that with copying and pasting it to the chrome tab and it opens up with a new…
Emad Baqeri
  • 2,333
  • 2
  • 14
  • 29
0
votes
2 answers

ReactNative: displaying the image from the local storage is not working

I am building an IOS application using ReactNative. My app needs to display image from the local file system or gallery or the ones captured by the camera. But it is not working. I am displaying something like this.
Wai Yan Hein
  • 13,651
  • 35
  • 180
  • 372
0
votes
2 answers

React native Image ' Warning: Failed prop type: Invalid prop `source` supplied to `Image`. '

So this is my code I already answered the question. export const BigCard = ({Title, Image, Description}) => { console.log(Image) return(
0
votes
0 answers

React Native Image needs to show image on corner

I have an image viewer box in my app box has the size 300px x 300px when I set the image in it and the image has the width and height 100% of this box now I set it resizeMode: 'contain' every image shows in the center of this box, but I need it to…
0
votes
1 answer

Setting path to image source in reactnative

local images folder path => ../media/products/four.jpg api response => …
0
votes
2 answers

React-native: image is not rendered

I am learning React native and simply want to add an image inside of a container.View and a title.Text. Nothing is being shown. I tried both accessing it from the assets folder and via uri. My assets folder is outside of the components…
Caroline
  • 21
  • 7
0
votes
2 answers

react native ImageBackground not showing on IOS device

I am using the ImageBackground component of react native, but in IOS (device) it is not displaying the image, in the simulator the image appears What can this be? code below: import { ImageBackground } from 'react-native'; const imgSrc =…