Function SnackbarExample

example/src/Examples/SnackbarExample.tsx:14–118

()

  'Snackbar with longer message which does not fit in one line';

const SnackbarExample = () => {
  const preferences = React.useContext(PreferencesContext);
  const theme = useExampleTheme();

  const [options, setOptions] = React.useState({
    showSnackbar: false,
    showAction: true,
    showCloseIcon: false,
    showLongerMessage: false,
    showLongerAction: false,
  });

  const {
    showSnackbar,
    showAction,
    showCloseIcon,
    showLongerMessage,
    showLongerAction,
  } = options;

  const action = {
    label: showLongerAction ? 'Toggle Theme' : 'Action',
    onPress: () => {
      preferences?.toggleTheme();
    },
  };

  return (
    <>
      <ScreenWrapper contentContainerStyle={styles.container}>
        <List.Section title="Snackbar options">
          <View style={styles.row}>
            <Text>Action button</Text>
            <Switch
              value={showAction}
              onValueChange={() =>
                setOptions({ ...options, showAction: !showAction })
              }
            />
          </View>
          {theme.isV3 && (
            <View style={styles.row}>
              <Text>Close icon button</Text>
              <Switch
                value={showCloseIcon}
                onValueChange={() =>
                  setOptions({ ...options, showCloseIcon: !showCloseIcon })
                }
              />
            </View>
          )}
          <View style={styles.row}>
            <Text>Longer message</Text>
            <Switch
              value={showLongerMessage}
              onValueChange={() =>
                setOptions({
                  ...options,