react-native-animated-floating-button

react-native-animated-floating-button

animated button

Installation

npm install react-native-animated-floating-button

Usage

import { AnimatedFloatingButton } from 'react-native-animated-floating-button'

// ...

let images = [
    { image: require('./assets/images/Pin.png') },
    { image: require('./assets/images/Love.png') }
  ]

<AnimatedFloatingButton
    onMenuClick={(res) => {
     console.log(res)
    }}
    onIconClick={(res) => {
     console.log(res)
    }}
    menuImage={require('./assets/images/Plus.png')}
    iconColors={'lightpink'}
    style={{ backgroundColor: 'lightpink' }}
    images={images}
/>

Properties

Name	Description	Type	Default Value
images	array of images, how many button of images open when onMenuClick	array	required
menuImage	main image icon	image	required
onMenuClick	retrun menu is open or not	()=>Node	required
onIconClick	retrun icon index when you click on item	()=>Node	required