Как сделать экран или компонент поверх других экранов

Question

Я создаю музыкальное приложение, и я хочу реализовать экран музыкального проигрывателя, который может быть активен на всех других экранах, примерно так: https://reactnativeexample.com/react-native-swipe-up-down-component/

Это мой app.js:

import React, {Component} from 'react';
import { createDrawerNavigator, createStackNavigator, createAppContainer } from "react-navigation";

import HomeScreen from './screens/home';
import SideBar from './screens/sidebar';
import SongScreen from './screens/song';

const Drawer = createDrawerNavigator(
  {
    Home: {screen: HomeScreen}
  },
  {
    initialRouteName: "Home",
    contentOptions: {
      activeTintColor: "#e91e63"
    },
    contentComponent: props => <SideBar {...props} />
  }
);

const AppNavigator = createStackNavigator(
  {
    Drawer: { screen: Drawer },
    SongScreen: { screen: SongScreen }
  },
  {
    initialRouteName: "Drawer",
    headerMode: "none"
  }
);

const AppContainer = createAppContainer(AppNavigator);

export default class App extends Component {

  render() {
    return (
      <AppContainer />
    );
  }

}

Answer 1

используйте https://github.com/octopitus/rn-sliding-up-panel и сделайте ваш корневой экран похожим на:

<View>
 <AppContainer/>
 <SlidingUpPanel/>
</View