Questions tagged [react-native-image]

160 questions
1
vote
1 answer

React Native some Images are not visible in production build

Some local images aren't visible in certain views. This happens mostly in production build. In dev mode, its little late to appear but appears with 1s or 2s delay. I tried moving all of Image resources import to a single file, the performance…
Anantha kumar
  • 335
  • 2
  • 13
1
vote
1 answer

Fetching dynamic images in carousel in react native

I am using react-native-image-gallery. In which url's of those images are already given in state in images array. But I want to load these images dynamically which I am fetching from API as shown in code. I am able to save those paths in state but,…
Mayuresh Patil
  • 2,072
  • 1
  • 21
  • 44
1
vote
0 answers

net::ERR_FILE_NOT_FOUND (react native image resizer)

File exist in emulator but react native image resizer cant load the image to resize it in android It works fine with IOS, but gives only issue with android Also base64 way of resizing does not work too. Snapshot
Narayan Singh
  • 1,234
  • 2
  • 13
  • 26
1
vote
1 answer

React Native : Not Fetched Firebase Storage Image

i am using react-native-image-cache-hoc & Blob const CacheableImage = imageCacheHoc(Image, { fileHostWhitelist: ['firebasestorage.googleapis.com'] }); and render
1
vote
1 answer

Possibility of loading Google places images in react-native Image component?

I am trying to find a way to load image reference I get from places api into places photo API using Image component of react-native like below, const imageLink =…
Learner_Programmer
  • 1,259
  • 1
  • 13
  • 38
1
vote
1 answer

React Native Local Image Load Times

I am relatively new to React Native, but enjoying it so far! I'm currently using a FlatList to render some data. Each row of the FlatList uses a couple icons (.png) that are saved locally. They are pretty small, less than 100x100, but when I load up…
Connor
  • 97
  • 10
1
vote
1 answer

React Native Image URL lowers my performance

When I display my images in the horizontal scroll-view with paging enabled the performance of app decreases. I know it is due to high resolution of the image. I want a good way so that I can load image with out degrading it's quality. Thank you in…
1
vote
1 answer

How to remove border outside of border in react-native?

There is a weird grey border on the outside of my border. Here is an example: https://www.dropbox.com/s/01lqk4ijc3k9j7m/Screenshot%202017-12-01%2015.25.11.png?dl=0 (You can see the profile image which has a white border around it and that…
James111
  • 15,378
  • 15
  • 78
  • 121
1
vote
0 answers

Image Component Delayed Load after URI change

class PureImage extends React.Component { constructor(props){ super(props); this.time = null; } shouldComponentUpdate(nextProps,nextState){ if(nextProps.source.uri === this.props.source.uri){ return false; }else{ …
Pavan
  • 985
  • 2
  • 15
  • 27
1
vote
1 answer

React Native Image not displaying on iOS

I have integrated react native inside existing app, which is done without a problem. Added local Images in my react code which is working as usual in Android but not showing up in iOS (neither simulator nor device). Here is my code …
ishan
  • 21
  • 5
1
vote
1 answer

Unable to show image from Redux state in ReactNative

My Reducer: const initialState = { 1: { id: '1', name: 'AryaStark', theimage: "https://upload.wikimedia.org/wikipedia/en/3/39/Arya_Stark-Maisie_Williams.jpg" }, 2: { id: '2', name: 'SansaStark', theimage:…
Somename
  • 3,376
  • 16
  • 42
  • 84
1
vote
1 answer

Optimizing performance react-native component containing an image

I have a component in my app that uses an image as a background. The component is a chat screen where users can view previous messages and send new ones. The component is connected to redux store. The component looks like this at a high level //…
Varun Gupta
  • 2,870
  • 6
  • 33
  • 73
1
vote
1 answer

Convert from image to url in react native

may I know how to change the image to the URL or link in react native? Below are the screenshot and the code: The image can display at here but I want to make it become a link in attachment field here Example of the URL or link:…
johnhour
  • 119
  • 3
  • 14
1
vote
1 answer

React-native application fetch http so slow

I just first time to develop an react-native application. I'm using react-native-router-flux for navigation and have to create an feed page that showing feed in Image and Text component using react-native FlatList. The problem is, the application is…
1
vote
1 answer

React Native Image Picker: "undefined is not an object (evaluating 'ImagePickerManager.showImagePicker')"

I followed the Readme from react-native-image-picker with both manual and automatic linking (tried both separately). When I launch simulator from terminal using react-native run-ios I get the error. When launching from Xcode it works fine, I can…