App Screen

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

Preview

Installation

npx @seed-design/cli@latest add app-screen

Prop	Type	Default
`onSwipeBackEnd?`	`((props: { swiped: boolean; }) => void)`	-
`onSwipeBackMove?`	`((props: { displacement: number; displacementRatio: number; }) => void)`	-
`onSwipeBackStart?`	`(() => void)`	-
`swipeBackVelocityThreshold?`	`number`	`1`
`swipeBackDisplacementRatioThreshold?`	`number`	`0.4`
`asChild?`	`boolean`	`false`
`layerOffsetBottom?`	`"none" \| "safeArea"`	`none`
`layerOffsetTop?`	`"none" \| "safeArea" \| "appBar"`	`appBar`
`transitionStyle?`	`"slideFromRightIOS" \| "fadeFromBottomAndroid"`	`slideFromRightIOS`
`theme?`	`"cupertino" \| "android"`	`cupertino`

Prop	Type	Default
`asChild?`	`boolean`	`false`
`divider?`	`boolean`	`false`
`tone?`	`"layer" \| "transparent"`	`layer`
`transitionStyle?`	`"slideFromRightIOS" \| "fadeFromBottomAndroid"`	`slideFromRightIOS`
`theme?`	`"cupertino" \| "android"`	`cupertino`

Prop	Type	Default
`tone?`	`"layer" \| "transparent"`	`layer`
`transitionStyle?`	`"slideFromRightIOS" \| "fadeFromBottomAndroid"`	`slideFromRightIOS`
`theme?`	`"cupertino" \| "android"`	`cupertino`
`layout?`	`"titleOnly" \| "withSubtitle"`	`titleOnly`
`subtitle?`	`string`	-
`title?`	`string`	-

Preview