Modifiers
truncationMode
Sets the truncation mode for lines of text that are too long to fit in the available space.
truncationMode(mode)
| Parameter | Type | Description |
|---|---|---|
mode | 'head' | 'middle' | 'tail' | The truncation mode that specifies where to truncate the text within the text view, if needed. You can truncate at the beginning, middle, or end of the text view. |
Sets the truncation mode for lines of text that are too long to fit in the available space.
Returns: ModifierConfig
See: Official SwiftUI documentation.
Works with
You can add truncationMode to any view. It changes what you see on 34 of the 39 components.
- VStack
- HStack
- ZStack
- LazyVStack
- LazyHStack
- Group
- Overlay
- ScrollView
- Button
- Toggle
- Checkbox
- Picker
- DatePicker
- ColorPicker
- Link
- ControlGroup
- Menu
- ContextMenu
- TextField
- SecureField
- Text
- Label
- List
- Form
- Section
- DisclosureGroup
- SwipeActions
- BottomSheet
- Alert
- ConfirmationDialog
- Popover
- ProgressView
- Gauge
- TabView
No visible effect
These components accept it, but you see no change.
| Component | Why nothing happens |
|---|---|
| Spacer | It changes only text, and Spacer shows no text. |
| Divider | It changes only text, and Divider shows no text. |
| Slider | It changes only text, and Slider shows no text. |
| Image | It changes only text, and Image shows no text. |
| AccessoryWidgetBackground | It changes only text, and AccessoryWidgetBackground shows no text. |
Sources
The original Expo docs for this page:
- truncationMode (Modifiers) (
source-of-truth/versions/v57.0.0/sdk/ui/swift-ui/modifiers.md)