我正在開發 React Native 應用程式,它基于 Web 應用程式設計。這是網頁設計:

在手機中:

請注意網路和移動設備上的 3 個點,單擊時應顯示下拉選擇。這已經在網路應用程式中實作,但尚未在移動設備中實作,因為我必須搜索哪些可用資源才能在移動設備中進行自定義下拉。高度贊賞任何參考。
uj5u.com熱心網友回復:
你可以試試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>
);
}
uj5u.com熱心網友回復:
你可以嘗試反應原生選項選單嗎?你可以參考:https ://www.npmjs.com/package/react-native-option-menu
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/461567.html
標籤:反应式
