How to use the react-native-snackbar.show function in react-native-snackbar

const token = await commit(email, name, userImage, password); //stores the token inside the token variable

      if (token == null) {
        Snackbar.show({
          title: 'Email already in use',
          duration: 3000,
          action: {
            title: 'DISMISS',
            color: 'rgb(0, 148, 255)',
            action: () => this.goToFeed(),
          },
        });
        return;
      }

      Snackbar.show({
        title: 'The user has been added! Want to make the login?',
        duration: Snackbar.LENGTH_INDEFINITE,
        action: {
          title: 'MAKE LOGIN',
          color: 'rgb(0, 148, 255)',
          action: () => this.goToFeed(token),
        },
      });
    } catch (err) {
      console.log(err.message);
      Snackbar.show({
        title: 'An unexpected error occurred',
        duration: Snackbar.LENGTH_INDEFINITE,
        action: {
          title: 'OK',
          color: 'rgb(0, 148, 255)',

login = async (email, password) => {
    if (email === null || password === null) {
      Snackbar.show({
        title: 'Please fill all the fields',
        duration: 3000,
        action: {
          title: 'OK',
          color: 'rgb(0, 148, 255)',
        },
      });
      return;
    }
    try {
      const token = await commit(email, password); //stores the token inside the token variable

      //checking if token is null
      if (token == null) {
        Snackbar.show({
          title: 'User not Found! Please Sign Up',

const studySpotInfo = this.state.studySpots;
    if (studySpotInfo == undefined) {
      return;
    }

    this.setState({ filterSelected: true });
    this.props.showSearch(true);

    const filterId = id;
    if (filterId) {
      const filterName = Translations.getName(studySpotInfo.filterDescriptions[filterId]) || '';
      if (this.props.activeFilters == undefined) {
        this.props.setFilters([ filterId ]);
      } else if (this.props.activeFilters.has(filterId)) {
        this.props.deactivateFilter(filterId);
        Snackbar.show({
          duration: Snackbar.LENGTH_SHORT,
          title: `${Translations.get('filter_removed')}: ${filterName}`,
        });
      } else {
        this.props.activateFilter(filterId);
        Snackbar.show({
          duration: Snackbar.LENGTH_SHORT,
          title: `${Translations.get('filter_added')}: ${filterName}`,
        });
      }
    } else {
      this.props.setFilters([]);
    }
  }

componentDidUpdate(prevProps) {
    if (this.props.checkmate !== prevProps.checkmate && this.props.checkmate) {
      Snackbar.show({
        title: strings.gameOver[this.props.lang],
        duration: Snackbar.LENGTH_INDEFINITE,
        action: {
          title: strings.takeLook[this.props.lang],
          color: "green",
          onPress: () => {
            this.props.navigate("Play");
          }
        }
      });
    }
  }

onLinkPress: (e, url) => {
      Snackbar.show({
        title: url,
        color: 'white'
      })
    }
};

showToast = message => {
    Snackbar.show({
      title: message,
      duration: Snackbar.SHORT,
    });
  };

render={({ error, props }) => {
      if (error) {
        return Snackbar.show({
          title: 'An unexpected error occurred',
          duration: Snackbar.LENGTH_INDEFINITE,
          action: {
            title: 'OK',
            color: 'rgb(0, 148, 255)',
          },
        });
      } else if (props) {
        return ;
      }
      return (

onLinkPress: (e, url) => {
      Snackbar.show({
        title: url,
        color: 'white'
      })
    }
};

toast = (text: any, options?: any) => {
    const action: any = {}
    if (typeof options === 'object') {
      Object.assign(action, options)
    }
    Snackbar.show({
      title: text.toString(),
      duration: Snackbar.LENGTH_SHORT,
      action: Object.keys(action).length ? action : undefined
    })
  }