Questions tagged [react-native-image]
160 questions
0
votes
3 answers
How to add "edit" icon as a button to component in react-native
I wanna add an "Edit" button with an icon in my component. following is my code for the that contain the image.
Ayesh Nipun
- 568
- 12
- 28
0
votes
1 answer
dynamic image cropping in react-native using React-Native-perspective-image-cropper
I am trying to make dynamic image cropper. I came across this package which seems to be working absolutely as I want.
I am trying to add this in my application. I followed the steps as specified in document
install…
Manish
- 161
- 1
- 2
- 7
0
votes
1 answer
Failed prop type: invalid prop 'source' supplied to 'ForwardRef(image)'
I am trying to display a simple .jpg image by sending the Image path as a prop to the component which is supposed to render it. In the below way.
App.js
import React, { Component } from 'react';
import { View, Text, Image } from…
mshikher
- 174
- 3
- 20
0
votes
1 answer
How do I make the content of gallery including video and Image files scrollable in react native?
I have few audio, image and video files present in the gallery. But it is not scrollable. Is there any additional controllers which I should use to make it scrollable? How can i achieve it? I'm using the react-native-gallery module.
Abhirup Mukherjee
- 499
- 1
- 8
- 21
0
votes
3 answers
Resizing an image to be centered
I have an image like so:
I am trying to make a 100x100 square and then centering that image inside it. I am able to get the 100x100 square with this code:
import * as React from 'react';
import { View, Image, StyleSheet } from…
inhwrbp
- 569
- 2
- 4
- 17
0
votes
2 answers
Using Import syntax in React native Image
Can I use import syntax instead of require as suggested by react native docs
I assume both are same. If not why? Will that improve the performance of loading images?
Anantha kumar
- 335
- 2
- 13
0
votes
0 answers
React native life cycle method to re-render component
In react native application ImageCarousel used to display array of images and it worked fine. Later I introduced the createMaterialBottomTabNavigator to navigate, navigation is working fine but after the BottomTabNavigator library is used for…
Kuvawi
- 1
- 2
0
votes
2 answers
React Native Image resizeMode='contain' not working
I can't get resizeMode='contain' to work for images loaded remotely, wondering if there's something I've done wrong.
Render Method:
return (
James Amner
- 1
- 1
0
votes
1 answer
Pass Variable into Image Component - React Native
How do I pass markerPass.Logo__c which is a base64 string into my image component?
S.B.
- 437
- 2
- 6
- 19
0
votes
1 answer
Does react-native-fast-image cache images that were loaded with require in src
Does the React Native library "React Native Fast Image" (https://github.com/DylanVann/react-native-fast-image) have any difference in behavior if we use "require()" instead of "{uri:}"?
(I'm confused as "{uri:}" is the only way mentioned in the…
Divyansh Goenka
- 997
- 2
- 12
- 35
0
votes
1 answer
How to solve local caching?
My question is the next:
Situation:
I have an ImagesScreen where I can upload some additional photos, delete them, etc.
When someone add a new photo (from the gallery, react-native-image-crop), I want to make a copy from the image, save it to the…
Istvan Orban
- 1,607
- 3
- 18
- 34
0
votes
2 answers
react native - image not showing properly
I'm using the normal image tag to display server image but some images are showing properly and some are not.
I'm using react-native to for android application
I have used react-native-responsive-dimensions for image sizing
relative to screen…
Divyesh Vasoya
- 39
- 1
- 3
0
votes
1 answer
Expo, React Native, Share/upload picture to Facebook (story on my own page)
I am really lost here, I have an Expo React-Native application. the user can login with Facebook credentials.
loginWithFacebook = async () => {
const { type, token } = await Expo.Facebook.logInWithReadPermissionsAsync(FACBOOK_APP_ID, {
…
Amir-Mousavi
- 4,273
- 12
- 70
- 123
0
votes
1 answer
React Native Background sizing background image
I am trying to create a spinning globe animation in react native. My approach is to have two components with the first being a circular container that will act as the globe. The second will be a child of the globe and will be a background image of…
Bill Headrick
- 169
- 2
- 14
0
votes
1 answer
The '
I encountered some troubles when I used Image component like this
There are no any troubles DEBUG model. But if I change it to RELEASE model. It can't…
RichardSleet
- 373
- 4
- 17