在 react native 中实现这个设计

Question

我知道这可能有点牵强，但是有没有人知道如何设计一个列表，就像当你 select 播放列表时在播放列表中显示歌曲的 spotify 桌面应用程序上的列表一样。 在我的项目中，我从 spotify 的 api 获取播放列表数据，并希望使用 react native 在浏览器中显示数据。 我不习惯在 web 上使用本机反应，它比使用普通反应有点挑战

这就是我希望它看起来的样子。

正如您所看到的，它有一个 header 并且看起来像一个列表项，当鼠标指针悬停在它上面时会突出显示。

这是另一个示例，但它没有 header

我试图创造设计，但我的设计技巧很糟糕。 顺便说一句，这些都是 figma 草图

Answer 1

试试 material-UI。 他们有一个惊人的表格组件。 此外，还有一个用于各种表格的现成组件，具有许多很酷的功能： https://material-table.com/ 。 完成功能后，您可以使用他们的 JSS 模块进行设计，这确实是最好的。