2020-06-16 17:51:51 +02:00
|
|
|
import React from 'react';
|
|
|
|
|
import MediaControls from './components/MediaControls';
|
|
|
|
|
import ProgressBar from './components/ProgressBar';
|
|
|
|
|
import NowPlaying from './components/NowPlaying';
|
|
|
|
|
import styled from 'styled-components/native';
|
|
|
|
|
import Queue from './components/Queue';
|
|
|
|
|
|
|
|
|
|
const Container = styled.ScrollView`
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
`;
|
|
|
|
|
|
2020-07-26 12:34:00 +02:00
|
|
|
const containerStyle = {
|
|
|
|
|
padding: 25,
|
|
|
|
|
};
|
|
|
|
|
|
2020-06-16 17:51:51 +02:00
|
|
|
export default function Player() {
|
|
|
|
|
return (
|
2020-07-26 12:34:00 +02:00
|
|
|
<Container contentContainerStyle={containerStyle}>
|
2020-06-16 17:51:51 +02:00
|
|
|
<NowPlaying />
|
|
|
|
|
<MediaControls />
|
|
|
|
|
<ProgressBar />
|
|
|
|
|
<Queue />
|
|
|
|
|
</Container>
|
|
|
|
|
);
|
|
|
|
|
}
|