react-native-floating-action

• Added Typings and fixed no actions error. Thanks @jpinz
• Allow custom style for text. Thanks @msevestre

There were some errors with the latest version of react and gradle 3 and 4 https://github.com/santomegonzalo/react-native-floating-action/issues/45 and https://github.com/facebook/react-native/issues/16906 so I decided to replace the image with a simple react component.

Thanks to @hashmatmuqbil . I introduced a feature so the button will always be visible when the keyboard will appear.

The main component now have two new properties:

• listenKeyboard will enable the keyboard listeners to move up and down when the keyboard appear and hide
• dismissKeyboardOnPress this property is related to listenKeyboard, now the user have the possibility to hide the keyboard when the user click the main button. This is because sometimes we have a big a list of actions and listenKeyboard could ended up showing actions outside the screen.

Thanks for the support, today we are realising a new version with the following features:

• FloatingActionItem now support render function. To create your own component, please check expo and scroll down to see some examples. Thanks a lot @hedvigoscar
• FloatingActionItem now support two properties iconWidth and iconHeight, this will help us to support network images. Thanks a lot @dopey2

Android has errors when we use interpolations with initial value 1. I added a new fade animation that will not bring any performance issue.

More about this bug https://github.com/facebook/react-native/issues/6278

• Remove lodash: it was unnecessary all the extra size
• Update examples
• Update README, it was too old
• Adding warnings for deprecations

Deprecations:

• FloatingAction buttonColor property was deprecated, today will show warnings, please use color
• FloatingActionItem elevation property was deprecated, today will show warnings, please use textElevation

We introduce a breaking change but for now, the old way is still supported

New properties

• textColor instead of actionsTextColor
• textBackground instead of actionsTextBackground

With the new examples, we need to upgrade our Property component.

We decided to change the name for these properties applied on Actions and not Main Action:

• actionsTextBackground in favor of textBackground
• actionsTextColor in favor of textColor

• New property actionsPaddingTopBottom to define the distance between actions. This property is defined on FloatingAction and not on FloatingActionItem
• Fix an error where the distance between the first FloatingActionItem and FloatingAction is not the same as the distance between FloatingActionItem

• showBackground: allow to show or hide background after open FAB
• openOnMount: allow to show FAB already open it when user mounts the component

These properties will help developers to use this floating action in different scenarios like tutorials.

• Main button have a new attribute onPressMain and will return if the button is open or close as soon as a user click it. Some users are using it to override back button on android.

• Remove opacity animation when we hide or show the button because the animation had a weird behaviour

• Fix an error when we want to mount the component by default hidden.

• Fix edge position because actions looks weird
• Fix shadow of main action on iOS

• This release includes a new property distanceToEdge to define the distance between left or right. ( thanks to @khrizt )

Fix a bug when android API is less than 21.