react-native - 反应原生搜索过滤器，使用搜索和列表打开模式以选择

Question

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

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

在单击
带有搜索和列表的打开模式以选择
最终结果之前

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

Answer 1

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

首先，您将拥有第一个带有嵌套视图组件和文本组件的屏幕。在“Ke Rekening”的第二行，你会有TouchableOpacity，当你触摸时，会呈现一个Modal组件。

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

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

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