推荐使用：React Native Radial Menu —— 环形菜单组件

import React from 'react';
import { View, StyleSheet, Text } from 'react-native';
import RadialMenu, { RadialMenuItem } from 'react-native-radial-menu';
 
const App = () => {
  return (
    <View style={styles.container}>
      <RadialMenu
        innerRadius={100}
        outerRadius={140}
        onItemSelected={(index) => alert(`Item ${index} selected`)}
      >
        <RadialMenuItem
          icon={<Text style={styles.iconStyle}>1</Text>}
          onPress={() => console.log('Item 1 pressed')}
        />
        <RadialMenuItem
          icon={<Text style={styles.iconStyle}>2</Text>}
          onPress={() => console.log('Item 2 pressed')}
        />
        {/* More RadialMenuItem components can be added here */}
      </RadialMenu>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  iconStyle: {
    fontSize: 24,
    color: 'black',
  },
});
 
export default App;

这个代码示例展示了如何在React Native应用中使用RadialMenu和RadialMenuItem组件来创建一个环形菜单。每个RadialMenuItem代表了环形菜单中的一个项，可以通过onPress回调来处理点击事件。通过icon属性，可以设置每个菜单项的图标。