blazerapp/app/styles/morestyles.js

import {StyleSheet, Dimensions} from 'react-native';
import LinearGradient from 'react-native-linear-gradient';

console.log(Dimensions.get('window'))

const styles=StyleSheet.create({
	moreitem: {
		backgroundColor:'red',
		borderBottomColor:'white',
		borderBottomWidth:0.5,
		height: Dimensions.get('window').height*0.075,
		paddingLeft: '3%',
		fontSize: 32,
		display: 'flex', 
		flexDirection: 'row',
		alignItems: 'center',
	},
	moretext: {
		color:'#e3e3e3',
		fontSize:22,
	},
	headerTitle: {
		fontWeight: 'bold',
		fontSize:24,
	},
	resourceContainer: {
		alignItems: 'center',
    	marginTop: '3%',
	},
	image: {
		height: 100,
		width: 400,
		borderTopRightRadius: 16,
		borderTopLeftRadius: 16,
	},
	textContainer: {
		backgroundColor: 'black',
		width: 400,
		borderBottomLeftRadius: 16,
		borderBottomRightRadius: 16,
	},
	resourceText: {
		fontWeight: 'bold',
		color: 'white',
		fontSize:32,
		textAlign:'center',
	},
	openPage: {
		display: 'flex',
		flexDirection: 'column',
		justifyContent: 'center',
		alignItems: 'center'
	},
	linearGradient: {
		alignItems: 'center',
		justifyContent: 'center',
		borderRadius: 5,
		height: '100%',
		width: '100%',
	},
	tabBarIcon: {
		height: 50,
		width: 50,
	},
	popup: {
		height: '90%',
		display: 'flex',
		flexDirection: 'column',
		justifyContent: "center",
		alignItems: "center",
	  },
	modal: {
		marginHorizontal: 20,
		marginTop: '20%',
		height: '100%',
		backgroundColor: "white",
		borderRadius: 20,
		padding: 15,
		shadowColor: "black",
		shadowOffset: {
			width: 0,
			height: 2
		},
		shadowOpacity: 0.5,
		shadowRadius: 7,
	},
	modalText: {
		marginVertical: '10%',
		textAlign: "center",
		fontSize: 20,
	}
});

export default styles;