Widget item image
Widget item image settings control position, size, and related image presentation on each widget item.
API reference: iOS | Android | React Native. For the widget appearance set, see Widget appearance.
WidgetItemImage properties
| Name | Description | Type | Default value |
|---|---|---|---|
| position | Image position | WidgetItemImage.Position | .center |
| insets | Insets | Insets | .zero |
| width | Width of the image | Float? | null |
| height | Height of the image | Float? | null |
| ratio | Aspect ratio of the image | Float? | null |
| border | Image container border settings | WidgetItemImageContainerBorder | Default settings |
| cornerRadius | Corner radius | Float | 0 |
| cornerRadiusRatio | Corner radius ratio | Float? | null |
| thumbnailType | Enum describing thumbnail type | ThumbnailType | Square icon |
WidgetItemImageContainerBorder
| Name | Description | Type | Default value |
|---|---|---|---|
| isVisible | Border visibility | Bool | true |
| liveUnreadBorder | Live unread border style | WidgetItemImageContainerBorderStyle | Default settings |
| liveReadBorder | Live read border style | WidgetItemImageContainerBorderStyle | Default settings |
| unreadBorder | Unread border style | WidgetItemImageContainerBorderStyle | Default settings |
| readBorder | Read border style | WidgetItemImageContainerBorderStyle | Default settings |
WidgetItemImageContainerBorderStyle
| Name | Description | Type | Default value |
|---|---|---|---|
| isVisible | Border style visibility | Bool | true |
| color | Border color | UIColor | Varies (see below) |
| insets | Border insets | CGFloat | 5 |
| width | Border width | CGFloat | 3 |
Default Border Colors
| Border style | Default color |
|---|---|
| liveUnreadBorder | .red |
| liveReadBorder | .gray |
| unreadBorder | .blue |
| readBorder | .gray |
Updated 25 days ago
Did this page help you?