import React from 'react' ; import { StyleSheet , Text , View , Platform , ScrollView } from 'react-native' ; import { Header } from '../components/header' ; const WATER_IMAGE = require ( '../images/water.png' ) ; type RatingsComponentProps = { } ; const Ratings = ( ) => { const ratingCompleted = ( rating ) => { console . log ( 'Rating is: ' + rating ) ; } ; const ratingProps = { } ; return ( < View style = { styles . container } > < Header title = "Ratings" view = "rating" / > { } < /View>); } ; const styles = StyleSheet . create ( { container : { flex : 1 , } , headingContainer : { paddingTop : 50 , } , titleText : { fontSize : 25 , fontWeight : 'bold' , textAlign : 'center' , paddingVertical : 5 , fontFamily : Platform . OS === 'ios' ? 'Menlo-Bold' : '' , color : '#27ae60' , } , subtitleText : { fontSize : 18 , fontWeight : '400' , textAlign : 'center' , fontFamily : Platform . OS === 'ios' ? 'Trebuchet MS' : '' , color : '#34495e' , } , viewContainer : { flex : 1 , } , rating : { paddingVertical : 10 , } , } ) ; export default Ratings ;