I am using bottom-tabs with a plus button But Plus button is not clickable in half of the area in react native in android Only?

It sounds like you are using the @react-navigation/bottom-tabs component to render a bottom tab navigation bar with a plus button above it. It is possible that the clickable area of the plus button is being obscured by the tab bar on Android, causing the top half of the button to be unresponsive to clicks.

One option to fix this issue is to use a View component with the zIndex style property set to a high value to wrap the plus button. This will cause the plus button to be rendered above the tab bar, ensuring that the entire button is clickable.

Here's an example of how you can do this:

import {View} from 'react-native';

const PlusButton = () => (
  <View style={{zIndex: 1}}>
    {/* plus button component */}
  </View>
);

Alternatively, you could consider using a MaterialBottomTabNavigation component from the @react-navigation/material-bottom-tabs package, which allows you to specify a floating action button that is rendered above the tab bar. This may be a more convenient solution if you want to have a floating action button that is always visible in the bottom tab navigation.