react-native-floating-action
react-native-floating-action copied to clipboard
Floating action button is not clickable on android
trafficstars
hi i'm using following version of package and it's working fine on ios, i'm able to click and open other action buttons but the main FAB is not clickable on android adding sample code bellow
"react-native-floating-action": "^1.22.0",
code i'm using
<View style={{
zIndex: 1,
position: 'absolute',
alignSelf: "flex-end",
bottom: deviceHeight * 0.05,
}}>
<FloatingAction
floatingIcon={<Entypo name="plus" size={24} color={"#606977"} />}
actions={actionButtons}
distanceToEdge={{
vertical: deviceHeight * 0.05,
horizontal: deviceHeight * 0.01
}}
overlayColor={'rgba(255, 0, 0, 0)'}
color={colors.yellow.primary}
onPressItem={floatingButtonHandler}
/>
</View>
yes... i've been struggling with the same problem. if you solve this, please share me
The only solution is to move FAB into the root view. The thing with touchables which are positioned absolutely is that the only touchable part will be that which is within the touchable's parent bounds.