Modifiers
contentTransition
Sets the content transition type for a view. Useful for animating changes in text content, especially numeric text. Use with the animation modifier to animate the transition when the content changes.
contentTransition(transitionType, params)
iOS 16+
| Parameter | Type | Description |
|---|---|---|
transitionType | 'opacity' | 'identity' | 'numericText' | 'interpolate' | The type of content transition. |
params(optional) | { countsDown: boolean } | Optional parameters. |
Sets the content transition type for a view. Useful for animating changes in text content, especially numeric text. Use with the animation modifier to animate the transition when the content changes.
Returns: ModifierConfig
See: Official SwiftUI documentation.
Example
<Text modifiers={[contentTransition('numericText'), animation(Animation.default, count)]}>
{count.toString()}
</Text>Works with
This modifier works with any view. These components accept it:
- VStack
- HStack
- ZStack
- LazyVStack
- LazyHStack
- Group
- Spacer
- Divider
- Overlay
- ScrollView
- Button
- Toggle
- Checkbox
- Slider
- Picker
- DatePicker
- ColorPicker
- Link
- ControlGroup
- Menu
- ContextMenu
- TextField
- SecureField
- Text
- Label
- Image
- List
- Form
- Section
- DisclosureGroup
- SwipeActions
- BottomSheet
- Alert
- ConfirmationDialog
- Popover
- ProgressView
- Gauge
- TabView
- AccessoryWidgetBackground
Sources
The original Expo docs for this page:
- contentTransition (Modifiers) (
source-of-truth/versions/v57.0.0/sdk/ui/swift-ui/modifiers.md)