Types
SheetSize
<TrueSheet sizes={['auto', '80%', 'large']}>
<View />
</TrueSheet>
Value | Description | 🍎 | 🤖 |
---|---|---|---|
"auto" | Auto resize based on content height. | 16+ | ✅ |
"small" | Translates to 25% | 16+ | ✅ |
"medium" | Translates to 50% | 15+ | ✅ |
"large" | Translates to 100% | ✅ | ✅ |
"${number}%" | Fixed height in % | 16+ | ✅ |
number | Fixed height | 16+ | ✅ |
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" |
SizeInfo
Object
that comes with some events.
{
index: 1,
value: 69
}
Property | Type | Description |
---|---|---|
index | number | The size index from the provided sizes. See sizes prop. |
value | number | The actual height value of the size. |