Image | NativeBase | Universal Components for React and React Native

Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
Others
Image
The Image component allows one to display images.
Show Code
Playground
Implements
You can use all props of React native Image.
Examples
Basic
Playground
Sizes
Playground
Border Radius
Playground
Fallback
Playground
Basic (With Ref)
Playground
Props
Note
With Next's require statement
When using require statement from next for image keep this in mind.
Copy
const img = require('/public/me.jpg');
// DO ✔
<Image
source={{ uri: img.default.src }}
width={500}
height={500}
/>
// DON'T ✘
<Image
source={img}
width={500}
height={500}
/>
Nativebase logo
MadeWithNativeBase