Reference
SheetProps

SheetProps

Default props on any action sheet component registered with SheetProvider.

id

Id of the current action sheet.

payload

Any data that has been passed to the action sheet when calling SheetManager.show can be accessed from here.

function ExampleSheet(props: SheetProps<"example-sheet">) {
  return (
    <ActionSheet id={props.sheetId}>
      <View>
        <Text>{props.payload?.title}</Text>
      </View>
    </ActionSheet>
  );
}
💡

id is assigned when calling registerSheet method. payload can be sent to the action sheet through SheetManager.show function. payload is recieved by the component before it is visible to the user therefore the action sheet always renders with the correct information.

Last updated on January 29, 2024