react-native-toast-message

Fixed

• (Android) Toast pops up randomly when drawer/dialog opens #428

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.2.0...v2.2.1

What's Changed

• Gestures can now be disabled using the swipeable: boolean option; they are still enabled by default. by @wouterds in https://github.com/calintamas/react-native-toast-message/pull/446

  Toast.show({ ..., swipeable: false })
  

New Contributors

• @wouterds made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/446

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.10...v2.2.0

What's Changed

• docs: fix small typo (#515) by @rafal-r in https://github.com/calintamas/react-native-toast-message/pull/515
• fix: toast showing again when dragging after it was dismissed (#488) by @rubinaga in https://github.com/calintamas/react-native-toast-message/pull/488

Dependency Updates

• chore(deps): bump json5 from 1.0.1 to 1.0.2 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/445
• chore(deps): bump minimatch from 3.0.4 to 3.1.2 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/455
• chore(deps): bump semver from 6.3.0 to 6.3.1 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/490
• chore(deps): bump word-wrap from 1.2.3 to 1.2.5 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/491
• chore(deps): bump yaml from 2.1.1 to 2.3.3 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/492

New Contributors

• @rafal-r made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/515
• @rubinaga made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/488

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.9...v2.1.10

What's Changed

• feat: add text1Style and text2Style to ToastOptions by @EmreKarslan in https://github.com/calintamas/react-native-toast-message/pull/479

New Contributors

• @EmreKarslan made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/479

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.8...v2.1.9

What's Changed

• chore: typeScript for type of toast message by @seyedmostafahasani in https://github.com/calintamas/react-native-toast-message/pull/510

New Contributors

• @seyedmostafahasani made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/510

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.7...v2.1.8

What's Changed

• chore(deps): bump @babel/traverse from 7.18.2 to 7.23.2 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/489

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.6...v2.1.7

Fixed

• Crash when text1 or text2 is an empty string by @zzy-33 in https://github.com/calintamas/react-native-toast-message/pull/352
• Inline docs for visibilityTime. The value is in milliseconds, not seconds by @johnbillion in https://github.com/calintamas/react-native-toast-message/pull/429

New Contributors

• @zzy-33 made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/352
• @johnbillion made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/429

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.5...v2.1.6

What's Changed

• chore(deps): bump ansi-regex from 4.1.0 to 4.1.1 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/343

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.4...v2.1.5

What's Changed

• fix: delay after keyboard is dismissed by @rcb4t2 in https://github.com/calintamas/react-native-toast-message/pull/342

New Contributors

• @rcb4t2 made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/342

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.3...v2.1.4

What's Changed

• chore(deps): bump minimist from 1.2.5 to 1.2.6 by @dependabot in https://github.com/calintamas/react-native-toast-message/pull/338

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.2...v2.1.3

What's Changed

• Update quick-start.md by @Hakeemmidan in https://github.com/calintamas/react-native-toast-message/pull/322
• Fixes #311 useNativeDriver warning by @jpaas in https://github.com/calintamas/react-native-toast-message/pull/334

New Contributors

• @Hakeemmidan made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/322
• @jpaas made their first contribution in https://github.com/calintamas/react-native-toast-message/pull/334

Full Changelog: https://github.com/calintamas/react-native-toast-message/compare/v2.1.1...v2.1.2

Fixed

• Tapping a View / Button behind the Toast is not possible (b9d191e) (fixes #282)

Fixed

• After a Toast is shown within a Modal, the main instance outside of Modal doesn't work anymore (#293)

• A previously set timer is not cleared when autoHide changes from true to false. This can make a newly shown Toast auto hide (even if it was shown with autoHide: false) (#294)

  Big thanks go to jstheoriginal for all the work on fixing the two issues above 🙌.

• Flexbox not working for setting Toast width or alignment (3400f00)

Changed

• BaseToastProps style types allows passing an array of styles now style={[styles.one, styles.two]} (#243 was ported to v2)
• Peer deps no longer require a min version (e91ed21)

Fixed

• Fast swipe up re-creates the toast #280

Fixed

• ansi-regex vulnerability by upgrading to @testing-library/jest-native v4.0.4 (#277)

Breaking

• Setting the ref is no longer required when rendering the Toast component in your app's entry point. Ref storage is now handled internally using React.createRef. This should improve ref access reliability at runtime.

    // App.jsx
    import Toast from 'react-native-toast-message';
  
    export function App(props) {
      return (
        <>
          {/* ... */}
          <Toast />
        </>
      );
    }
  

• When you want to have the Toast visible inside a Modal, you no longer need to set a separate ref.

  Simply render the Toast component inside the Modal, as well as in your app's entry point. When the Modal is visible, the ref from inside the Modal will be automatically used.

• onHide callback is now always called when the Toast hides (does not matter if autoHide was true / false).

• inProgress state has been removed and can no longer be relied upon in a custom Toast config.

• style and height props from the Toast component were removed; with the purpose of achieving a cleaner API design. The only way to change the style / layout of different Toast types is through the config prop (fixes #204).

Added

• on the BaseToast component, the following props were added: touchableContainerProps, contentContainerProps, text1Props, text2Props , text1NumberOfLines, text2NumberOfLines (fixes #112, #133).

• on the Toast component, the following callbacks were added as props: onShow , onHide and onPress (fixes #143).

• A new ToastShowParams type is exported (fixes #192).

Changed

• topOffset and bottomOffset are now by default 40px
• New test ids on BaseToast component: toastTouchableContainer, toastContentContainer, toastText1 and toastText2.

Removed

• Success, error and info leading icons were removed from the package (to make it as lightweight as possible).

  It's now possible to pass them via render functions (for more flexibility, see issues regarding svg support, using components as icons, etc) on BaseToast component, example below:

  const toastConfig = {
    success: (props) => (
      <BaseToast
        {...props}
        renderLeadingIcon={() => <Image />}
        renderTrailingIcon={() => <Image />}
      />
    )
  }
  

  Fixes #188, #203, #245, #250.

• Trailing close icon has been removed from default components BaseToast, SuccessToast, ErrorToast and InfoToast. Fixes #167.

Fixed

• Failed prop type: Invalid props.text2Style key fontSize supplied to BaseToast #174.
• Changing Font Family does not work #176
• Text1 not showing on Android #194
• Toast background is Transparent #219
• TypeError: Cannot read property 'show' of null #232
• textStyle1 styles not been applied #233
• Typescript-class component toast message in modal usage #172
• Getting last toast along with native prompt #149
• When modal request permission appear then the modal toast on the previous screen also appears -> android #226
• autoHide: false crashes on android #256

Added

• Export all default Toast components (BaseToast, SuccessToast, InfoToast, ErrorToast) to be able to reuse them with custom props (#225)

Changed

• Move show method options to separate ToastShowOptions interface (#242)
• Use StyleProp in type definition file, to allow different types of style to be used (eg. style={[styles.one, styles.two]}) (#243)

Fixed

• Fix Keyboard pushing Toast too much on Android when displayed with position bottom (#161)

Added

• Add types for text1NumberOfLines and text2NumberOfLines (#152)