React Native ScrollView 动态页脚

Question

如何制作 React 原生滚动视图页脚。 如果内容小于屏幕，屏幕最底部应该有一个按钮； 如果它更大，那么按钮应该是 go 到内容之后的最底部

我这样做了，但是如果没有足够的内容，那么按钮就会上升

<ScrollView>

    <Text>asdasd</Text>

    <Button text="Next" />

</ScrollView>

如果是这样，那么请始终坐在按钮下方的滚动条下方，但我也需要按钮 go

<View>
    <ScrollView>

        <Text>asdasd</Text>

    </ScrollView>

    <Button text="Next" />
</View>

Answer 1

尝试将滚动视图设置为弹性可用空间，并将按钮设置为底部的 position

<ScrollView style={{flex: 1}}>
    <Text>asdasd</Text>
    <Button text="Next" style={{bottom: 0}}/>
</ScrollView>

Answer 2

这是我找到的解决方案

<ScrollView>
    <View style={{ minHeight: height - buttonHeight - safeAreaView }}>
        <Text>Content</Text>
    </View>
    <Button text="Next" />
</ScrollView>