如何在高度为“100%”的固定视图内有一个滚动视图React Native

Question

我希望在固定的View内有一个Scrollview，这样当我滚动Scrollview时，View的边缘仍然总是在那里（View就像滚动内容的框架）。当我为外部视图设置固定高度（例如 700）时，它会起作用。但是当我将他的高度设置为“100%”或flex:1，以便外部View可以覆盖整个屏幕时，它就不再起作用了。

你们有什么解决办法吗？

当前行为： 当前代码：

<Container style={{ flex: 1 }}>
    <Header style={{ height: 15 }} />
        <FixedView
            style={{
                borderWidth: 5,
                height: '100%',//or flex:1
            }}
        >
            <ScrollView>{content}</ScrollView>
        </FixedView>
</Container>

预期行为： 模拟预期行为的代码：

<Container style={{ flex: 1 }}>
    <Header style={{ height: 15 }} />
        <FixedView
            style={{
                borderWidth: 5,
                height: 700
            }}
        >
            <ScrollView>{content}</ScrollView>
        </FixedView>
</Container>

Answer 1

这里，可以通过从屏幕高度减去标题和选项卡栏负载来获得框架的动态高度。有这样的情况，滚动将对象展开到视图之外，因为你给它设置了 flex 1 或 height 100%。