react-native-apple-card-views
Version:
Fully customizable and perfect clone of Apple, App Store Card Views for React Native
94 lines • 2.19 kB
JavaScript
import { StyleSheet, Dimensions, } from 'react-native';
const { width: ScreenWidth, height: ScreenHeight } = Dimensions.get('window');
export default StyleSheet.create({
container: {
height: ScreenHeight * 0.5,
width: ScreenWidth * 0.9,
borderRadius: 8,
flexDirection: 'column',
},
shadowStyle: {
flex: 1,
shadowColor: '#000',
shadowRadius: 6,
shadowOpacity: 0.2,
shadowOffset: {
width: 0,
height: 9,
},
elevation: 3,
},
innerContainer: {
left: 16,
bottom: 16,
position: 'absolute',
},
largeTitleTextStyle: {
fontSize: 35,
lineHeight: 33,
color: '#fffeff',
fontWeight: '900',
fontFamily: 'System',
textAlign: 'justify',
},
bottomBarStyle: {
top: 16,
right: 16,
height: 75,
width: ScreenWidth * 0.9,
borderBottomEndRadius: 8,
borderBottomStartRadius: 8,
backgroundColor: '#ef9f81',
},
innerBottomBarStyle: {
margin: 16,
flexDirection: 'row',
},
iconStyle: {
width: 45,
height: 45,
},
titleContainer: {
width: 120,
marginLeft: 12,
},
titleTextStyle: {
fontSize: 14,
color: 'white',
fontWeight: '600',
fontFamily: 'System',
},
subtitleTextStyle: {
marginTop: 3,
fontSize: 12,
color: 'white',
fontWeight: '500',
fontFamily: 'System',
},
buttonContainer: {
top: 8,
right: 4,
position: 'absolute',
},
buttonInnerContainer: {
width: 75,
height: 30,
borderRadius: 16,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#f0f1f6',
},
buttonTextStyle: {
color: '#056dff',
fontWeight: '700',
textAlign: 'center',
},
buttonSubtitleTextStyle: {
fontSize: 8,
marginTop: 5,
marginLeft: 3,
color: 'white',
fontWeight: '400',
},
});
//# sourceMappingURL=AppOfTheDayCard.style.js.map