react-native-floating-action icon indicating copy to clipboard operation
react-native-floating-action copied to clipboard

Floating action button is not clickable on android

Open Akashdeep312 opened this issue 3 years ago • 2 comments
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>

Akashdeep312 avatar Nov 30 '21 03:11 Akashdeep312

yes... i've been struggling with the same problem. if you solve this, please share me

pepe-dunamu avatar Dec 08 '21 14:12 pepe-dunamu

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.

deCodeIt avatar Dec 19 '21 13:12 deCodeIt