React native react native search filter，打开带有搜索的模式并选择列表

我正在尝试制作一个类似下图的应用程序

• 显示第一状态的第一图像
• 触摸“Pilih”后，显示带有搜索和列表的模态的第二幅图像
• 从第二个图像中选择列表后，显示最终状态的第三个图像

---

有人知道我需要使用什么（Textinput/Modal/ListView/TouchOpacity等）来制作像照片这样的应用程序吗？

我认为这是一个非常简单的结构

首先，您将拥有第一个带有嵌套视图组件和文本组件的屏幕。在“Ke Rekening”的第二行中，您将使用TouchableOpacity，当您触摸时，它将显示一个模态组件

其次，在该模式组件中，您将有一个用于按钮的TouchableOpacity组件、用于搜索的Textinput组件和用于列表的FlatList组件。在该平面列表中，它将由TouchableOpacity组件组成，当您按下该组件时，它将向第一个屏幕传递信息并再次关闭模式

第三，在第一个屏幕中，您可以在其中显示您的选择

---

如果有什么不清楚的地方，请告诉我。

谢谢您的回复，我将在明天尝试实施。我已经用touchableopacity和flatlist完成了。现在我做的搜索功能很好。搜索功能基本上只是通过键入的文本过滤数据，然后将filteredArray应用于平面列表