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

Question

我正在构建一个带有本地反应的播客应用程序，我想在大多数播客/音乐应用中实现您在屏幕底部看到的迷你播放器。见下图。无论你导航到哪个屏幕，我都想制作迷你播放器。任何想法如何实现这反应原生？我现在使用反应导航作为主导航器https://reactnavigation.org/。

Answer 1

执行此操作的最佳方法是使用flexbox的魔力。

将您的应用视为两个主要屏幕的组合 1）带标题，导航菜单和播放列表的部分（内部等）
2）玩家

尝试此布局

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

现在你所要做的就是分配合适的款式

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

这对于基本结构来说已经足够了。你可以相应地进行设计。