React Native custom top header (without any standard heade component) and icon button

custom-header-rn.js

<View style={{ width: "80%" }}>
				<Text style={styles.topTextStyle}>{test_quote}</Text>
			  </View>
			  <View
				style={{
				  width: "20%",
				  flex: 1,
				  alignItems: "center",
				  marginTop: "10%",
				}}
			  >
				<TouchableOpacity
				  onPress={() =>
					// console.log(this.props.navigation.navigate())
					this.props.navigation.navigate("AboutPage", {
					  transition: "slideFromRight"
					})
				  }
				>
				  <Icon
					size={25}
					name="md-information-circle-outline"
					color="#fff"
					style={{ padding: 5 }}
				  />
				</TouchableOpacity>
			  </View>