响应本机搜索过滤器，使用搜索打开模式并列出以进行选择

Question

我正在尝试制作如下图所示的应用程序

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

before click
open modal with search and list to select
the end result

有人知道我需要使用什么（文本输入/模态/ ListView / TouchOpacity等）来制作像照片这样的应用程序吗？

Answer 1

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

首先，您将拥有包含嵌套的View组件和Text组件的第一个屏幕。在“ Ke Rekening”的第二行中，您将获得TouchableOpacity，当您触摸该按钮时，将显示一个模态组件。

第二，在该Modal组件中，您将为按钮提供一个TouchableOpacity组件，为搜索提供一个Textinput组件，并为列表提供一个FlatList组件。在该FlatList中，它将包含TouchableOpacity组件，当您按下该组件时，它将传递信息并将模态再次释放到第一个屏幕。

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

让我知道是否有不清楚的地方。