如何創建自定義下拉菜單反應本機

Question

我想在react native中創建一個如下所示的下拉菜單。 請提出一種解決方法。

Answer 1

我認為您可以使用來自本地本機的Picker組件，有關詳細信息，請閱讀Picker 文檔 ：

代碼示例：

import {View,Text,Picker} from 'react-native';

 //in your render method
 return (
  <View>
   <Text}>Choose</Text>
    <Picker
       selectedValue={this.state.menu}
       onValueChange={(itemValue, itemIndex) => this.setState({menu:emValue})}
       mode="dropdown">
       <Picker.Item label="Add Note" value="addnote" />
       <Picker.Item label="Share" value="share" />
       <Picker.Item label="Vault" value="vault" />
     </Picker>
  </View>
 );

希望這個答案能對您有所幫助。

Answer 2

只需安裝react-native-popup-menu並按照文檔中的說明進行使用即可。

您可以使用帶有此代碼的react-native-elements來輕松構建三個點（僅用於三個點）：

import { Icon } from 'react-native-elements';

.
.
.

  <Icon
      name={'dots-three-vertical'}
      type={'entypo'}
      size={20}
      color='#FFF'
  />