react native flatlist 高度无法自动更改

Posted 2023-03-14

【中文标题】react native flatlist 高度无法自动更改

【英文标题】：react native flatlist height cannot automatically be changed

【发布时间】：2019-02-15 23:06:47

【问题描述】：

在 react native 屏幕中，顶部是一个平面列表，底部是一个工具栏，里面有一些按钮。而且，还有一个隐藏的组件，它会在按下按钮时显示。我希望的是，当隐藏组件显示时，flatlist 被向上推，这样 flatlist 的下部内容仍然会出现在屏幕上。 但实际情况是，当隐藏组件显示时，它会覆盖平面列表。我无法让 flatlist 组件自动变小。

如何解决这个问题？

谢谢

【问题讨论】：

你的 FlatList 有绝对定位吗？可以发一下代码吗？

可以分享一下代码吗？

【参考方案1】：

尝试使用 flex 设置所有三个组件的样式。

例如

给出平面列表flex:3

隐藏按钮flex:1

工具栏flex:2

现在当按钮出现时，高度会自动调整。