style.js 1.6 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
import {

    StyleSheet
} from 'react-native';
import colors from '../../values/colors'
const styles = StyleSheet.create({
    container: {
        flex: 1,

    },
    item: {
        flexDirection: 'row',
        padding: 10,
        paddingLeft: 12,
        paddingRight: 12,
        marginVertical: 8,
        marginHorizontal: 10,
        flex: 1,
        borderRadius: 10

    },
    hiddenItem: {
        flexDirection: 'row',
        padding: 10,
        marginVertical: 8,
        flex: 1,
        justifyContent: 'flex-end',
        alignItems: 'center',
    },
    title: {
        fontSize: 12,
    },
    imgAvatar: {
        width: 50,
        height: 50,
        resizeMode: 'contain',
        alignSelf: 'center',
        borderRadius: 30
    },
    headerView: {
        padding: 10,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
        backgroundColor: colors.white
    },
    titleHeader: {
        color: 'black',
        fontSize: 15,
        fontWeight: 'bold',
        marginLeft: 20,
        marginTop: 10
    },
    viewIconHeader: {
        padding: 8,
        borderRadius: 20,
        justifyContent: 'center',
        alignItems: 'center',
    },
    iconStatus: {
        position: 'absolute',
        // top: 0,
        right: 0,

        width: 10,
        height: 10
    },
    viewBadge: {
        position: 'absolute',
        top: -5,
        right: -8,
        borderRadius: 10,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'red',
        width: 20,
        height: 18
    }
});
export default styles