martin/swimtracker-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Frontend stuff

Browse Source
This commit is contained in:
Martin Bauer
2020-05-16 12:36:05 +02:00
parent 648d26f69f
commit 2e0baca485
4 changed files with 766 additions and 923 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/IconCard.js
View File

@@ -1,24 +1,24 @@
import React from 'react';
import {View, StyleSheet, Text} from 'react-native';
import {Icon} from "native-base";
import { View, StyleSheet, Text } from 'react-native';
import { Icon } from "native-base";
const IconCard = props => {
return (
<View style={styles.card}>
<View style={{alignItems: 'center', justifyContent: 'center', paddingLeft: 20}}>
<Icon style={{color: 'white', fontSize: 40}} name={props.iconName} type={props.iconType}/>
<Text style={{color: 'white', marginTop: 5}}> {props.label}</Text>
<View style={{ alignItems: 'center', justifyContent: 'center', paddingLeft: 20 }}>
<Icon style={{ color: 'white', fontSize: 40 }} name={props.iconName} type={props.iconType} />
<Text style={{ color: 'white', marginTop: 5 }}> {props.label}</Text>
</View>
<View style={{paddingRight: 20}}>
<Text style={{color: 'white', fontSize: props.fontSize}}> {props.value}</Text>
<View style={{ paddingRight: 20 }}>
<Text style={{ color: 'white', fontSize: props.fontSize }}> {props.value}</Text>
</View>
</View>
);
};
const styles = StyleSheet.create({
card : {
card: {
flexDirection: 'row',
backgroundColor: 'rgba(0, 0, 0, 0.2)',
margin: 5,
@@ -28,8 +28,8 @@ const styles = StyleSheet.create({
}
});
IconCard.defaultProps = {
fontSize: 85
IconCard.defaultProps = {
fontSize: 85
};
export default IconCard;