Fix ScrollView padding issues

This commit is contained in:
Lei Nelissen
2020-07-26 12:34:00 +02:00
parent 425b19734c
commit f1a084bc1e
2 changed files with 7 additions and 3 deletions

View File

@@ -71,7 +71,8 @@ const Album: React.FC = () => {
return ( return (
<ScrollView <ScrollView
style={{ backgroundColor: '#f6f6f6', padding: 20, paddingBottom: 50 }} style={{ backgroundColor: '#f6f6f6' }}
contentContainerStyle={{ padding: 20, paddingBottom: 50 }}
refreshControl={ refreshControl={
<RefreshControl refreshing={isLoading} onRefresh={refresh} /> <RefreshControl refreshing={isLoading} onRefresh={refresh} />
} }

View File

@@ -7,12 +7,15 @@ import Queue from './components/Queue';
const Container = styled.ScrollView` const Container = styled.ScrollView`
background-color: #fff; background-color: #fff;
padding: 25px;
`; `;
const containerStyle = {
padding: 25,
};
export default function Player() { export default function Player() {
return ( return (
<Container> <Container contentContainerStyle={containerStyle}>
<NowPlaying /> <NowPlaying />
<MediaControls /> <MediaControls />
<ProgressBar /> <ProgressBar />