برای این کار می توانید از کتابخانه react-native-floating-action استفاده کنید. با کد زیر نصبش کنید:

npm install react-native-floating-action 

با دستور زیر، ایمپورتش کنید:

import { FloatingAction } from 'react-native-floating-action';

و بصورت زیر استفاده کنید:

const YourComponent = () => {

  const actions = [
    {
      text: 'Option 1',
      icon: require('path-to-your-icon-1.png'),
      name: 'option1',
      position: 2,
    },
    {
      text: 'Option 2',
      icon: require('path-to-your-icon-2.png'),
      name: 'option2',
      position: 1,
    },
    // Add more options as needed
  ];

  return (
    <View style={{ flex: 1 }}>
      {/* Your main content goes here */}

      {/* Floating Action Button */}
      <FloatingAction
        actions={actions}
        onPressItem={(name) => {
          // Handle button press based on the selected option
          console.log(`Option selected: ${name}`);
          // You can navigate to different screens based on the selected option
        }}
      />

     
    </View>
  );
};

export default YourComponent;

* هر action را هم می توانید جداگانه customize کنید. این لینک را ببینید.