Bixby Developer Center

Guides
References

image

optionalmultiple allowedvalue optional

Standalone image within a component.

Examples

image ("#{value(myUrl)}")
result-view {
match {
Hotel (this) {
from-output: ShowHotelImage
}
}

message ("Here is an image:")

render {
layout {
section {
content {
image {
url ("[#{value(this.images[0].url)}]")
aspect-ratio (16:9)
object-fit (Contain)
}
}
}
}
}
}

View on GitHub

Here is how an image appears on different devices:

MobileWatchTVFridge
imageimageimageimage

Child Keys

aspect-ratio
optional
Determines the standalone image's aspect ratio
background-color
optional
Determines the background color of an image
float-allowed
optional
Boolean
lightbox-enabled
optional
Boolean that determines if an image goes to Lightbox mode when a user taps it
object-fit
optional
Determines how an image fits within a Bixby Views component
object-position
optional
Determines the positioning alignment of an image within a Bixby Views component
size[deprecated]
optional
This key is deprecated
url
optional
URL of image