Question

正在开发本机应用程序，我必须在FlatList中列出“自定义项”。此自定义项目包含两个按钮。单击每个按钮将获得有关该单击项的一些数据，并显示另一个FlatList，其中自定义项位于该单击项与下一个项之间。

在此链接中，我绘制了该屏幕的外观。点击按钮B2将获得一个列表，并显示在父项FlatList项See Screens Here

之间

我尝试过SectionList，其中我用两个按钮Headers在SectionList的{{1}}中显示了我的第一个列表数据。单击任何一个，将获得另一个项目列表，并将这些数据分配给单击的Custom Component标头数据。这些数据将显示为所选section部分的子项。但是它没有按预期进行锻炼，因此正在寻找Header的替代方法。

Answer 1

您的主要组件如下：

.settings {
    display: flex;
    flex-direction: column;
}

.switch-light {
    display: flex !important;
    justify-content: space-between !important;
}

您的自定义列表项组件将如下所示：

export default class MainClass from React.Component{
     render(){
        <FlatList
             data={items}
             renderItem={({item}) => <ListItem/>}
        />
     }    
}

尝试像上面的解决方案一样构建代码。它应该可以解决您的问题。

父级平面清单项目之间的本机显示平面清单组件

1 个答案: