https://github.com/sidevesh/snackbar-and-fab-demo

A demo of react-native-snackbar-component and react-native-fab working together!
https://github.com/sidevesh/snackbar-and-fab-demo

demo example fab floating-action-button floatingactionbutton react-native-fab react-native-snackbar-component snackbar

Last synced: 3 days ago
JSON representation

A demo of react-native-snackbar-component and react-native-fab working together!

• Host: GitHub
• URL: https://github.com/sidevesh/snackbar-and-fab-demo
• Owner: sidevesh
• Created: 2017-06-09T12:49:32.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-02-22T04:20:50.000Z (12 months ago)
• Last Synced: 2024-04-14T12:59:06.604Z (10 months ago)
• Topics: demo, example, fab, floating-action-button, floatingactionbutton, react-native-fab, react-native-snackbar-component, snackbar
• Language: JavaScript
• Size: 612 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# snackbar-and-fab-demo

A demo of react-native-snackbar-component and react-native-fab working together! 

Whenever the snackbar updates, either when it moves in or out or maybe the content changes increasing or decreasing its height, 

the snackbar wil call the function given as distanceCallback prop with the new height taken by it as argument. 

Use this to update the distanceOffset value at state or store.

Supply this value to fab as snackOffset prop, and now the fab will move itself if snackbar moves.

See index.android.js for working example.