是否可以在 React Native 中创建自定义下拉列表？

Question

我正在开发 React Native 应用程序，它是基于 Web 应用程序设计的。这是网页设计：

在手机中：

注意网页和移动设备上的 3 个点，点击时应显示下拉选择。这已经在网络应用程序中实现，但尚未在移动设备中实现，因为我必须搜索哪些可用资源来在移动设备中执行自定义下拉菜单。非常感谢任何参考。

Answer 1

你能试试 React Native 选项菜单吗你能参考一下吗：https://www.npmjs.com/package/react-native-option-menu

Answer 2

你可以试试react-native-material-menu。简单易用。

npm install --save react-native-material-menu

import React from 'react';
import React, { useState } from 'react';

import { View, Text } from 'react-native';
import { Menu, MenuItem, MenuDivider } from 'react-native-material-menu';

export default function App() {
  const [visible, setVisible] = useState(false);

  const hideMenu = () => setVisible(false);

  const showMenu = () => setVisible(true);

  return (
    <View style={{ height: '100%', alignItems: 'center', justifyContent: 'center' }}>
      <Menu
        visible={visible}
        anchor={<Text onPress={showMenu}>Show menu</Text>}
        onRequestClose={hideMenu}
      >
        <MenuItem onPress={hideMenu}>Menu item 1</MenuItem>
        <MenuItem onPress={hideMenu}>Menu item 2</MenuItem>
        <MenuItem disabled>Disabled item</MenuItem>
        <MenuDivider />
        <MenuItem onPress={hideMenu}>Menu item 4</MenuItem>
      </Menu>
    </View>
  );
}

是否可以在 React Native 中创建自定义下拉列表？

Is it possible to create a custom dropdown in react native?

react-native