score:0
maybe you can try something like this
<image source={{uri: blobimage}} style={{ height: 200, width: null, flex: 1 }}/>
score:13
you can convert the blob
to base64
from filereader
api and then display it.
code:
const filereaderinstance = new filereader();
filereaderinstance.readasdataurl(blob);
filereaderinstance.onload = () => {
base64data = filereaderinstance.result;
console.log(base64data);
}
and display it once you get it as:
<image source={{uri: base64imagedata}} style={{ height: 200, width: null, flex: 1 }} />
Source: stackoverflow.com
Related Query
- How to display blob image in react native
- How to display an image saved as blob in React
- How to display image downloaded from Azure Blob Storage in React
- How can I display dotted line in react native
- React Native - How to load local image using the uri in Image Component?
- React Native How to LazyLoad image
- How to display every image inside an image folder in react
- How to display an image that required bearer token to access it in react
- React Native - How to Build an Image Grid like FaceBook
- How to send image to server with Blob type using Axios in React Native?
- How to Fetch and Display an Image from an express backend server to a React js frontend?
- How to load image and convert to blob in react
- My response contains an png, how can I display the image in react since its not a url?
- How to display an image with <img> from Mongoose using React front-end
- How do I display an image locally in react using a local server?
- How to display an image from an array of images in react
- React | How can i display my image in React?
- How to display QR code image in React from string type
- How to define value for useState image in React Native
- How to display corresponding image from selected item in React using hooks
- How Do I Replace UploadCare To Display Image in React
- Image display in react native android app
- React Router How to Display straight Image for Twitter Cards
- How do I set React (create-react-app) to display image
- How to display base64 images from array in React Native
- How to handle display none and block for a View component using react native
- How to position image in the center of MapView in react native
- How to display Pokemon image in react js?
- How to display an image in react from PostgreSQL
- How can I display by default image in React
More Query from same tag
- Why is amount and charge in my react code not rendering to the screen
- event listener resize window not working on first expand only
- Updating function level variable in a fetch request
- How to use React Infinite Scroll with hooks
- display array values into select option tag in react js
- How to pass parameters from root html element to ReactJS from Ruby on Rails app
- Reactjs (javascript) how do I not see that the list is empty (Before) api gets called
- How can I grab the key of a list item generated from a map function?
- How to bind "this" for react component method
- React: How to update state in an array requiring remote calls for each item?
- Is this.setState({}) guaranteed to cause a re-render
- Antd with formik setFieldValue
- can not update state with immutability helper
- Migrating react-router v3 to v4
- ReactTS extend type by dynamic Component Props?
- Can't set PropTypes correctly in React bouncing between several alternatives
- Ant design DatePicker in form
- How to change color of part of text that is in the same Div with D3/Javascript
- Render() state element is initially empty until api call
- Dependant Select Components not showing the Selected Value in Input Field
- Make Axis line grey or reduce opacity
- How to use the useState() hook to open / close all detail tags In ReactJS?
- Why would a query param be undefined in NextJS?
- React: Create a new html element on click
- Detecting when user scrolls to bottom of div with React js
- Best way to control checkboxes during update | ReactJS
- scrollIntoView onClick reactjs
- Dynamically create class Names in react
- How to sort a key in array of object and render just one object
- In MUIv5, TextField component has unwanted whitespace in the corners