kbwo / react-native-use-toast

useToast hook like Chakra UI in React Native.

react-native-use-toast

• useToast hook like Chakra UI in React Native.
• simple and easy to use.
• animation.

Screen.Recording.2022-05-07.at.17.15.37.mov

Instration

npm install react-native-use-toast
# or
yarn add react-native-use-toast

Usage

See the example

  const { toast } = useToast();
  return (
      <Button
        title="bottom"
        onPress={() => {
          toast({
            title: 'Success',
            description: 'This is description',
            duration: 3000,
            position: 'bottom',
            status: 'success',
          });
        }}
      />
  );

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

TODO

• Add more custamizeable component
• Close toast by swipe

License

MIT