Overview

The Toast component provides a way to display temporary messages or notifications to the user.

Documentation

The Toast component provides a way to display temporary messages or notifications to the user.

Features:

  • type (string, default: 'success')

    • Specifies the type of the toast. Available values: success, error, info.

    • To extend or overwrite toast types, refer to the documentation for details.
  • text1 (string)

    • Sets the first line of text for the toast message.

    • Click the “Directory” button and select your project folder
  • text2 (string)

    • Sets the second line of text for the toast message.

  • position (string, default: 'top')

    • Determines the position of the toast on the screen. Available values: top, bottom.

  • visibilityTime (number, default: 4000)

    • Specifies the number of milliseconds after which the toast automatically hides.

    • This prop takes effect only when autoHide is set to true.

  • autoHide (boolean, default: true)

    • When set to true, the toast will automatically hide after the specified visibilityTime milliseconds.

  • topOffset (number, default: 40)

    • Sets the offset from the top of the screen (in pixels).

    • This prop has an effect only when the position is set to top.

  • bottomOffset (number, default: 40)

    • Sets the offset from the bottom of the screen (in pixels).

    • This prop has an effect only when the position is set to bottom.

  • keyboardOffset (number, default: 10)

    • Sets the offset from the keyboard (in pixels). This prop is only applicable when the position is set to bottom, and the keyboard is visible (iOS only).

  • onHide (() => void)

    • A callback function that is called when the toast hides.

  • onPress (() => void)

    • A callback function that is called when the toast is pressed.

Issues, suggestions and feature requests

https://shorturl.at/aehl1

Screenshots

  •     
  •    
  •    
  •