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

有人能建议如何在React Native中使用图标进行这种自定义模式下拉吗。单击将更改图标，并展开内容。我浏览了react native modal下拉列表库。任何人都可以展示一个小的演示来了解如何进行这种模态下拉列表吗？

如果你想要一个带有模态的选择器，你可以试试这个库

react native model selector

NPM链接=>

`
{返回p.title}}
onSelect={（e，idx）=>{
this.setState（{CollectOrderType:idx}}}
动画={true}/>
`

这可能会帮助您，在这里，React已经完成，如何将div、ul、li HTML标记转换为React Native？因为默认情况下，“ul”是HTML中的无序列表

`<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>`