callstack / callstack/react-native-paper
Snackbar as a function.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 14.5k
- Forks
- 2.2k
- Ø Merge
- 5 T. 23 Std.
- Gemergte PRs (30 T.)
- 12
Beschreibung
It would be great if we could use Snackbar and toggle it as a function.
Like in [Toast](https://docs.nativebase.io/toast) provided by [Native Base](https://nativebase.io/), we can customize it like this
```javascript
import { Toast } from "native-base";
function show({
text,
type = "danger",
buttonText,
duration = 3000,
position,
bottom = 60,
}) {
Toast.show({
text: text,
position: position,
type: type,
duration: duration,
buttonText: buttonText,
});
}
export default {
show,
};
```
Then I use it on any screen or component like this
```javascript
Toast.show({ text: "This API call was successful" }); // This pops a Toast message and disappears after 3 seconds
```
I love the Snackbar that React Native Paper has, but I couldn't figure out how to use it as described above.
Right now, I have to add a component on every page and maintain a state to toggle it. It would have been so good if we could use it like `Snackbar.show("Some Text")`
If anyone has any advice on using Snackbar as a function to toggle Toasts, I would love to discuss it.
Versions :
- "react-native": "~0.63.4"
- "react-native-paper": "^4.9.2"
Beitragsleitfaden
Bewertung
Dieses Issue wurde noch nicht bewertet.