react native flatlist 高度无法自动更改

Question

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

如何解决这个问题？

谢谢

Answer 1

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

例如

给出平面列表flex:3

隐藏按钮flex:1

工具栏flex:2

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