React native 如何在react native中创建可搜索的水滴列表以打开特定屏幕？

我想用一个列表，一个下拉列表来做一个搜索栏，

如何制作类似以下代码的搜索列表：

 onPress={() =>this.props.navigation.navigate('LinhaDiurno03')

当按下某个项目时

..我希望列表中的每个项目在应用程序中打开不同的屏幕

我该怎么做

以下是我的测试结果：

下面是一些代码：

 var items = [
  //name key is must.It is to show the text in front
  {id: 1, name: 'ANA RECH', prestadora: 'UNIDOS', pos: 'P01'},
  {id: 2, name: 'ARROIO DAS MARRECAS', prestadora: 'UNIDOS', pos: 'P01'},
  {id: 3, name: 'VILA SECA', prestadora: 'UNIDOS', pos: 'P01'},];

 onItemSelect={item => Alert.alert(" ", JSON.stringify(item.prestadora + ", LINHA: " + item.pos), [{ text: "open the especifc screen", onPress: () =>('some code here')},{ text: "bacvk", onPress: () => console.log("OK Pressed")}],{ cancelable: true })}
  //onItemSelect called after the selection from the dropdown

---

我阅读了库API，您可以在该项目中设置导航键，然后在

菜单中选择

进入特殊屏幕。下面是示例代码

// in the item every element add a router key
const item = [
...
{
    id: 8,
    name: 'Swift',
    key:"the navigation params" //like the example LinhaDiurno03
  },
...
]

<SearchableDropdown
            multi={true}
            selectedItems={this.state.selectedItems}
            onItemSelect={(item) => {
              his.props.navigation.navigate(item.key)
            }}
/>

//在每个元素的项中添加一个路由器密钥
常数项=[
...
{
id:8，
名称：“Swift”，
键：“导航参数”//如示例LinhaDiurno03
},
...
]
{
his.props.navigation.navigate（item.key）
}}
/>

这是最后的代码，您只需在应用程序中创建路线即可。。。

---

我现在正在使用移动设备，因此无法正确查看您的代码，因此您如何呈现数据？使用FlatList？我使用array list=var items=[x，y，z….]进行渲染，但我不知道如何对列表中的每一项进行属性路由，以便在应用程序中打开不同的屏幕…可以肯定的是，当我打开搜索时，以及当你按下搜索结果中的任何项目时，将我导航到特定的屏幕，对吗？是的，这就是方法。。。如果你帮助我，我会很高兴的@勒诺罗德试着用他的答案告诉我，如果我帮不了你嗨，勒诺罗德，我做错了什么。。。我得到了以下错误：undefined不是一个对象（评估'this.props.navigation'）。我做到了：{id:1，name:'ANA RECH'，prestados:'UNIDOS'，pos:'P01'，key:this.props.navigation.navigate（'LinhaDiurno03'），在键中你只需传递一个名称'LinhaDiurno03'，我给出了一个示例，你应该根据你的实际情况来处理它。@Matheus cabral，这是成功的解决方案吗？