import * as React from "react" ; import { StyleSheet , View } from "react-native" ; import Animated from "react-native-reanimated" ; import { Album } from "./Model" ; import Content from "./Content" ; import Cover from "./Cover" ; const { Value } = Animated ; const album = { name : "Remote Control" , artist : "Jan Blomqvist" , release : 2016 , cover : require ( "../../assets/Jan-Blomqvist.jpg" ) , tracks : [ { name : "Stories Over" } , { name : "More" , artist : "Jan Blomqvist, Elena Pitoulis" } , { name : "Empty Floor" } , { name : "Her Great Escape" } , { name : "Dark Noise" } , { name : "Drift" , artist : "Jan Blomqvist, Aparde" } , { name : "Same Mistake" } , { name : "Dancing People Are Never Wrong" , artist : "Jan Blomqvist, The Bianca Story" } , { name : "Back in the Taxi" } , { name : "Ghosttrack" } , { name : "Just OK" } , { name : "The End" } ] } ; const styles = StyleSheet . create ( { container : { flex : 1 , backgroundColor : "black" } } ) ; export default ( ) => { const y = new Value ( 0 ) ; return ( < View style = { styles . container } > < Cover { ... { y , album } } / > < Content { ... { y , album } } / > < /View>); } ;