benevbright / react-native-toast-banner Goto Github PK

is it possible to use SafeAreaView from react-native-safe-area-context instead?

Hi,! thanks for sharing.

You have any example with class?

thanks!

Hello,
Is there any way to open the toast banner in particular screen?
And the banner is also not visible when bottom sheet is open.

This module only provides HoC for now.
It should provide the hooks as well.

It will be helpful to see the working example quickly.

The banner/toast is disappeared when you touch it.
It's handy but it would be better if it provides the option to hide banner manually.

I've written how to develops the library with this example.
https://github.com/benevbright/react-native-toast-banner#testing-your-code-with-the-example

But it's really inefficient. There must be a way to do this properly.

I've tried
Adding an example app to your React Native library

• it seemed to be almost done but Metro complains about @babel/runtime module.

Yarn workspaces

• works well when not using hoist. However, If you don't use hoist, you can't run pod install because node_modules is in the root folder. Thus, it's not a relevant solution.
• with hoist, 'react' is double(one in the library and one in the example) so not working. I've tried yarn link react from one another but it wasn't working either.

Help!

I'd like to use a TouchableWithoutFeedback and keep the Banner as long as user keeps his finger on the button with onPressIn and release the banner with onPressOut.
Do you think is possible to take controll over the duration?

such as a fade-in/out

It only provides the top position for now.
It should give an option for the bottom position. (and center too)

showBanner({
  ...
  position: 'bottom', // 'top' | 'center' | 'bottom'
})

I was trying to run this repo locally and unfortunately, I had multiple issues.

1. Very first time I got this error

then I followed instructions from here to fix this. This actually updating the podfile.

2. Somehow managed to run npm run ios successfully. Then there appears another one problem, which you can see it in the screenshot below:

then run npm i react-native-screens in the root directory and this solved the issue

3. Finally I got this error:

I tried multiple things to solve this but there has been no luck.

Please let me know if I am doing wrong.
And also it will be great if you can add a section like how to setup locally in the readme.
I hope everything I provided is clear enough to understand the issues I am facing. Please let me know if you need more information about this.

package versions in my machine:

node version: v16.13.2 npm version: 8.1.2