react-floting-button v1.0.1

react-floting-button

Floating button for React Native

Installation

yarn add react-floting-button

Or

npm install react-floting-button

How to use it

first step: import the component: import {FloatingButton} from "react-floting-button"

Second step: define the buttons

const actions = [
  {
    text: "Reload",
    icon: "reload",
    link: 'callback',
    size:20,
    color:'#555',
    position: 1,
  },
  {
    text: "Order",
    icon: "food-fork-drink",
    link: "foofScreen",
    size:20,
    color:'#555',
    position: 2
  },
]

Third step: use it

<FloatingButton
          actions={actions}
          text="$17.00"
          title="pay"
          navigation={navigation}
/>

Example of how Expo looks

EXemple

import {FloatingButton} from "react-floting-button" ;
const actions = [
  {
    text: "Reload",
    icon: "reload",
    link: 'callback',
    size:20,
    color:'#555',
    position: 1,
  },
  {
    text: "Order",
    icon: "food-fork-drink",
    link: "foofScreen",
    size:20,
    color:'#555',
    position: 2
  },
]


export default class  App extends Component {
	constructor(props){
		super(props)
	}
  render(){
  const {navigation} = this.props ;
    return (
      <View style={styles.container}>

        <View style={{flex:1,justifyContent:"center",alignItems:"center"}}>
          <Text>Ici button exemple</Text>
        </View>

        <FloatingButton
          actions={actions}
          text="$17.00"
          title="pay"
          navigation={navigation}
        />
      </View>
    ) ;
}

Configuration

FloatingButton

Actions