Ios React Native：如何在屏幕更改时使视图保持在屏幕上？

我正在用react native构建一个播客应用程序，我想实现你在大多数播客/音乐应用程序屏幕底部看到的迷你播放器。见下图。我想让迷你们播放器坚持无论你导航到哪个屏幕。你知道如何在react native中实现这一点吗？我现在使用react navigation作为主导航器

---

最好的方法是使用魔法

将您的应用程序视为两个主要屏幕的组合。
1） 带有标题、导航菜单和播放列表的部分（内部等）
2） 球员

尝试此布局

<View style={styles.container}>
    <View style={styles.firstBox}>
        1)
    </View>
    <View style={styles.secondBox}>
        2)
    </View>
</View>

---

这对于基本结构来说已经足够了。您可以据此进行设计。

Shashank，谢谢您的回复。但是迷你播放器应该只在用户点击“播放”按钮时显示。如果没有播放，firstBox应该占据整个屏幕。您将如何实现这一点？可以通过将主屏幕（即包含播放列表的屏幕）设置为所有空间，即flex:1，并将播放器位置设置为“绝对”。通过使播放器绝对化，您可以将其放置在任何您想要的位置，并且可以使用Dimensions.get（'window'）.height-（播放器的大小）设置底部位置。如果这个项目是开源的，你可以和我分享代码，我可以更好地帮助你。你能检查一下这个问题吗？你解决了吗？

const styles = {
    container: {
        flex: 1,
    },
    firstBox: {
        flex: 8
    },
    secondBox: {
        flex: 2
    }
}