Stack Overflow
Stack Overflow

Questions tagged [react-native-image]

160 questions
2
votes
1 answer

React Native image: why does parent view stay same height as 'cover' when set to 'contain'?

I have the following image in my React Native app I want to have this image inside a parent element with no space above or below it, and I want the image to not overshoot the left or right sides of the screen When I have the code like this
gkeenley
  • 6,088
  • 8
  • 54
  • 129
2
votes
0 answers

React native split one image to multiple parts

I have one image now I want to split that one image into three parts. How can I do it in React-native? I've tried different packages but not getting appropriate result which I exactly need in my app. I am attaching image and output that's needed for…
Surbhi Davara
  • 211
  • 1
  • 16
2
votes
0 answers

Detect touch and draw rectangular box on bitmap image using react native

I've been looking for references for some time on how to draw rectangles in an image using react native, but I can not find anything. What I try to do is something like the user touch on the screen to mark the start position, and move, and release…
Vignes
  • 390
  • 4
  • 11
2
votes
1 answer

How can I view the google drive image and video files from the react-native app?

I want to display pictures in my react native app, but only know how to show the pictures from other url's but don't know how can I show the images from the drive in my app,
Deepak N
  • 1,408
  • 3
  • 15
  • 37
2
votes
1 answer

React native image uri request with cookie

Im using a session based authentication system for my app, my API calls works perfectly fine, however, when requesting an Image using this:
Return-1
  • 2,329
  • 3
  • 21
  • 56
2
votes
1 answer

Getting The Base64 of an Image from CameraRoll

I'm trying to get the Base64 of an image from CameraRoll so I can pass it along to a third-party system. I don't want to use RN-Fetch-Blob. I've tried ImageStore, but it says I'm supplying an invalid URI. What's the best way to go about this? Does…
warrenbuffering
  • 242
  • 4
  • 24
2
votes
1 answer

How to make squircle shape in react native

native ,just i to know how to make squircle in react-native ,i.e iphone 7 icons help will be appreciated Example
Tufan
  • 2,789
  • 4
  • 34
  • 52
2
votes
1 answer

How to create an hexagon image in react native

I'm trying to make an Image into hexagon in react native but I don't know how to do that. Here is the expected result: hexagon
mina
  • 21
  • 3
2
votes
1 answer

Render network images and maintain aspect ratio for height

React-native: 0.47.1 How would I maintain the aspect ratio for height when the width is 100%? Basically I want to auto scale the height while maintaining the aspect ratio. The images will be displayed in a FlatList (not necessarily, if something…
Somename
  • 3,376
  • 16
  • 42
  • 84
2
votes
2 answers

React-Native: How to make image array

I have a screen on which I want to have 4 images. How can I make it so that when I click on the image it goes to the next one from the array (I suppose that's how it would be made). I also wanted to have buttons to go to the next image or go back…
TheNewbie
  • 323
  • 2
  • 9
  • 22
2
votes
0 answers

React Native: Show image in full screen in nested components

I have component hierarchy as Component1 and Component2 have some height. Now how do I show the image, nested in 3…
Sood
  • 121
  • 1
  • 2
  • 14
2
votes
1 answer

Accessing static/local images in React Native

In my React Native project folder I have the src files which hold the components, and also some images I want to use across both iOS and Android. If I use this:
Sternjobname
  • 740
  • 1
  • 10
  • 23
1
vote
0 answers

How to use an authorization token with React Native Image component?

I'm working on a React Native project where I need to display images fetched from an API that requires an authorization token for authentication. I'm currently using the Image component from React Native to render the images, but I'm unsure how to…
Waseem Kurne
  • 41
  • 7
1
vote
0 answers

I can't fix my image in React native app

A React component for displaying different types of images, including network images, static resources, temporary local images, and images from local disk, such as the camera roll. A string that defines an alternative text description of the image,…
Md Mahir
  • 81
  • 5
1
vote
1 answer

Not able to display local image in react native

I am extracting image from my device whose file is coming as file:///storage/emulated/0/WhatsApp/Media/WhatsApp Images/IMG-20230525-WA0009.jpg. I am trying to display this image as:
pratteek shaurya
  • 850
  • 2
  • 12
  • 34
1
2
3
…
10 11