A React Native scrollable stretchable header component

import React, { Component } from 'react'; import { StyleSheet, View,TouchableHighlight ,Text, Image} from 'react-native'; import Header from './Header'; export default class About extends Component { render() { return ( <View style={styles.containerMain}> <Header judul={"PROFIL"} /> <View style={styles.box02}> <Image style={styles.gambar} source={{uri:'https://scontent.fsub8-1.fna.fbcdn.net/v/t1.0-9/64366740_2509622735736196_1670098359467114496_n.jpg?_nc_cat=101&_nc_ht=scontent.fsub8-1.fna&oh=c6eefd167f93cf84b548888f01bcb58b&oe=5D85264E'}} /> </View> <View style={styles.label1}> <Text style={styles.label2}>Nama : Andre Lesmana</Text> <Text style={styles.label2}>Tanggal Lahir: 12 Agustus 1999</Text> <Text >Alamat : Desa Bubunan Seririt</Text> </View> <View style={styles.box5}> <TouchableHighlight onPressIn={() => this.props.navigation.navigate('Home')} accessibilityLabel="Home" style={styles.vItemMenu}> <Text style={styles.text3}>BACK</Text> </TouchableHighlight> </View> </View> ); } } const styles = StyleSheet.create({ containerMain: { flex: 1, backgroundColor: "#fff", }, box02: { flex:5, alignItems:'center', justifyContent:'center', backgroundColor: "#fff", borderRadius:20 }, gambar: { width: 250, height: 270, backgroundColor: "#fff", }, label1: { borderWidth:2, paddingLeft:10, paddingTop:10, paddingRight:10, flex:4, alignItems:'stretch', justifyContent:'center', backgroundColor: "#fff", margin:5 }, label2: { fontSize:15, backgroundColor: "#fff", paddingBottom:10 }, center1: { alignItems: 'center', justifyContent: 'center', backgroundColor: "#FF69B4", }, teks1: { fontSize: 20, color: 'white', }, box4: { flex:0.7, backgroundColor: "#DC143C", alignItems: 'center', justifyContent: 'center' }, text3:{ fontSize:20, fontWeight:'bold', color:'black', alignItems: 'center', justifyContent: 'center' }, vItemMenu:{ backgroundColor:"#FFFF66", alignItems:'center', justifyContent:'center', paddingBottom : 5, paddingTop : 5, borderRadius: 5, }, box5: { flex:0.7, margin: 10, borderRadius: 10, }, })