React Native中的自定义模式下拉列表

Question

谁能用图标建议如何在React Native中进行这种自定义模态下拉菜单。单击将更改图标，并扩展内容。我浏览了react-native-modal-dropdown库。任何人都可以演示一个小型演示以弄清楚如何进行这种模式下拉菜单吗？

Answer 1

如果您要使用带有模式的选择器，可以尝试使用此库react-native-modal-selector。

NPM链接=> https://www.npmjs.com/package/react-native-modal-selector

Answer 2

`<View>
   <ModalDropdown                    
    showsVerticalScrollIndicator={false}
    options={TypesList.map(p => { return p.title })}
    onSelect={(e, idx) => { 
       this.setState({ CollectOrderType: idx }) }}
    animated={true}/>
  <FontAwesome style={{ position: 'absolute', right:10, top: 14 }} name="caret-down" size={20} color='rgba(0,0,0,.2)' />
</View>`