Questions tagged [react-native-image]
160 questions
1
vote
1 answer
React native, Image not showing
so I'm very new to react native and I'm trying to create a FlashList. Seems to work fine with most elements but my images aren't really playing along.
Seems like the FlashList is importing the image styling since it's creating space for the height…

Carl Rudling
- 15
- 2
1
vote
1 answer
Selected image update on Avatar R.N Image Picker
Hello guys I'm Using React native Image Picker I able to select image from android library but after selection Im not able to update on my Avatar profile[Image]
After select Image here is my console.log
responseponse = {"assets":…

Jason0011
- 444
- 1
- 6
- 19
1
vote
0 answers
How to click only on the colored part of the image but not on the white background
I am trying to render an image in react native. I want to select any part of that image. By selecting I mean I am now rendering a circle every time I press on the image.
You can find the codes here
The image now looks like this.
If the image…

Pranta
- 2,928
- 7
- 24
- 37
1
vote
1 answer
Converting inage to base64 is rotating the image in react native
I am using react-native-img-to-base64 package to convert my camera image to base64. It is converting the image successfullt but the image is 45 degree left side turned. I don't know how to make it not turn. Can anyone help to stop the rotating.…

Deepika
- 737
- 7
- 23
1
vote
0 answers
Error in render testing react native when require image
I'm doing render testing of a login screen that returns an error when an image is on the screen and I don't know what to solve
test code
it('render screen Login ', () => {render( );});
return error
125 | 126 | …

ANAS SH
- 11
- 3
1
vote
1 answer
Pool hard cap violation? Android images in React native
I have an Image component inside a modal in react native .64, and it works perfectly on iOS, but with Android I get a an error (for instance: Pool hard cap violation? Hard cap = 201326592 Used size = 200030968 Free size = 0 Request size =…

Joel Hager
- 2,990
- 3
- 15
- 44
1
vote
2 answers
Import image string from JSON Data in Image component in React Native
I'm trying to get the image string from the mock data array and push it inside Component in React Native. Here's my Data array:
const data= [
{
title: 'Lorem ipsum dolor sit amet.',
price: '$1.99',
image:…

Maruf
- 69
- 1
- 9
1
vote
3 answers
How to upload large files using react-native-image-crop-picker
I'm trying to upload small files using react-native-image-crop-picker it's working fine but when I tried uploading large video/image file using react-native-image-crop-picker I'm getting Network error.
Note : Backend is working fine I'm able to…

Hemendra Khatik
- 371
- 4
- 22
1
vote
3 answers
ImageBackground is not taking full height of View in react native
I am using ImageBackground in my react native app, but it not covering full height of the View
You can see that there is red space which is not covered by my image.
Below is my code:

pratteek shaurya
- 850
- 2
- 12
- 34
1
vote
1 answer
React native Image is not showing
I have a react-native app where I am looping through array that contains urls of some images on my API server.
The problem is these images are not showing on the device.
Here is the code:
{menus && (
…

SDB_1998
- 305
- 5
- 18
1
vote
1 answer
Image component in react native is not able to find images marked as .android.png on Android
Folder Structure
├── app.js
└── assets
├── play.android.png
└── play.ios.png
OR
├── app.js
├── play.android.png
└── play.ios.png
As per react-native documentation
The image name is resolved the same way JS modules are…

Prafull
- 33
- 5
1
vote
1 answer
Images source is converting into integer number while using filter in react native
I have following data in json format
const data = [
{
"id": 1,
"category": "fruits",
"title" : "Red Apples",
"image1": require("../assets/images/products/fruits/apple.jpg"),
"image2":…

HaryanviDeveloper
- 1,005
- 1
- 8
- 15
1
vote
1 answer
React Native Image not working with android google maps custom view
I am displaying the five stars in a row for ratings on a ,marker in google maps. It is working great on iOs but no images are loading on Android. I don't understand why though because I am able to use the tag throughout the rest of the application.…

Olivia
- 1,843
- 3
- 27
- 48
1
vote
1 answer
React native project remote image not showing on both iOS and Android simulators
I try to display a remote image which is a HTTPS url.
I tried:
import React, {useContext} from 'react';
import {View, Image, StyleSheet} from 'react-native';
const MyScreen = ({navigation}) => {
const {data} = ... // This is backend responsed…

Leem.fin
- 40,781
- 83
- 202
- 354
1
vote
1 answer
How to move down a object using button in react native?
Actually I want to do something like that (Image attached):
There have a box, and two buttons. If I press button 1 then the box moved left. And if I press button 2 then the box moved right.
I want, when the box move right and overcome the bar 1…

Saptam Dev
- 495
- 1
- 6
- 25