Releases: santomegonzalo/react-native-floating-action
New Typings and new custom styles for text
- Added Typings and fixed no actions error. Thanks @jpinz
- Allow custom style for text. Thanks @msevestre
Replace .png into a React Component
There were some errors with the latest version of react and gradle 3 and 4 #45 and facebook/react-native#16906 so I decided to replace the image with a simple react component.
New feature to listen keyboard events
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 hidedismissKeyboardOnPress
this property is related tolistenKeyboard
, 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 andlistenKeyboard
could ended up showing actions outside the screen.
New custom render function and icon size
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
andiconHeight
, this will help us to support network images. Thanks a lot @dopey2
Fix Android "visible" animation
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 facebook/react-native#6278
Optimisations and Documentation
- 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 usecolor
- FloatingActionItem
elevation
property was deprecated, today will show warnings, please usetextElevation
Change "actionsTextColor" and "actionsTextBackground" for "textColor" and "textBackground"
We introduce a breaking change but for now, the old way is still supported
New properties
textColor
instead ofactionsTextColor
textBackground
instead ofactionsTextBackground
Fix examples text
With the new examples, we need to upgrade our Property component.
New examples and change properties name
We decided to change the name for these properties applied on Actions and not Main Action:
actionsTextBackground
in favor oftextBackground
actionsTextColor
in favor oftextColor
new attribute "actionsPaddingTopBottom"
- 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