react-native-fab-options

FabOptions for React native for both android and ios

Usage no npm install needed!

<script type="module">
  import reactNativeFabOptions from 'https://cdn.skypack.dev/react-native-fab-options';
</script>

README

react-native-fab-options

FabOptions for React native for both android and ios

Installation:

Install the component through npm using:

npm install react-native-fab-options --save

Example:

import FabOptions from "react-native-fab-options";

<App
  invertedArc={false}
  slideIcons={false}
  buttonColor="red"
  iconLocation={{
    justifyContent: "center"
  }}
  userDisplay={{ alignItems: "center", justifyContent: "center" }}
  iconPadColor="red"
  iconLayerSize={350}
  iconClick={clicked => console.log("click....", clicked)}
/>;

Props:

* - mandatory

Props Name Description
*iconLayerSize size for the pad icon pad (default-350)
*iconClick call back for the icons that has clicked
iconPadColor color applied to the icon pad
invertedArc boolean to set inverted arc (default-false)
slideIcons boolean to set slider pad (default-false)
buttonColor color applied to the button to display pad
iconLocation style for locating icons (justifyContent/alignItems)
userDisplay user could style for the display pad