Images are very important for making your app more interesting.
In React NodeGui,
<Image> is used to display an image.
Internally Image is a QLabel. QLabel is typically used for displaying text, but it can also display an image.
What this means is that you can pass all the props you pass to a
A very minimal example would look like this:
- Image is a native QLabel component that sets the image as its pixmap.
The result would look like this:
Showing large images
The above examples wont allow you to show a huge image without either cutting it off or making the widget huge.
In order to do that:
- You can create the image instance using
- Set the image instance as a child to a
In order to use animated images, instead of
Loading an image from a buffer
Lets say we want to load an image from a buffer. In this case we can't use the
src prop since its only reserved for local file system path or urls.
In this case use the