Types
SheetDetent
<TrueSheet detents={['auto', 0.8, 1]}>
<View />
</TrueSheet>
| Value | Description | 🍎 | 🤖 |
|---|---|---|---|
"auto" | Auto resize based on content height. | 16+ | ✅ |
number | Fractional height (0-1) representing percentage of screen height. | ✅ | ✅ |
TrueSheetGrabberProps
Grabber props to be used for android grabber or handle.
| Prop | Type | Default | Description |
|---|---|---|---|
| visible | boolean | true | Is grabber visible. |
| color | ColorValue | "rgba(73,69,79,0.4)" | Grabber color according to M3 specs. |
| height | number | 4 | Grabber height according to M3 specs. |
| width | number | 32 | Grabber width according to M3 specs. |
| topOffset | number | 0 | Grabber top position offset. |
BlurTint
Blur tint that is mapped into native values in IOS.
<TrueSheet blurTint="dark">
<View />
</TrueSheet>
| Value |
|---|
"light" |
"dark" |
"default" |
"extraLight" |
"regular" |
"prominent" |
"systemUltraThinMaterial" |
"systemThinMaterial" |
"systemMaterial" |
"systemThickMaterial" |
"systemChromeMaterial" |
"systemUltraThinMaterialLight" |
"systemThinMaterialLight" |
"systemMaterialLight" |
"systemThickMaterialLight" |
"systemChromeMaterialLight" |
"systemUltraThinMaterialDark" |
"systemThinMaterialDark" |
"systemMaterialDark" |
"systemThickMaterialDark" |
"systemChromeMaterialDark" |
DetentInfoEventPayload
Object that comes with most sheet events.
{
index: 1,
position: 123.5
}
| Property | Type | Description |
|---|---|---|
| index | number | The detent index from the provided detents. See detents prop. |
| position | number | The Y position of the sheet relative to the screen. |
PositionChangeEventPayload
Object that comes with the onPositionChange event. Extends DetentInfoEventPayload.
{
index: 1,
position: 123.5,
transitioning: false
}
| Property | Type | Description |
|---|---|---|
| index | number | The detent index from the provided detents. See detents prop. |
| position | number | The Y position of the sheet relative to the screen. |
| transitioning | boolean | Whether the sheet is currently transitioning (presenting or dismissing). When true, position updates are animated on iOS. |