React App Template :: usermgt.js #reactnative

Usermgt.Js1.css

import React from 'react';
import { StyleSheet } from 'react-native';

export const userStyles = StyleSheet.create({
  errorMessage: {
    color: 'red',
    textAlign: 'center',
    fontStyle: 'italic',
  },
  label: {
    color: 'white',
    margin: 20,
    marginLeft: 0,
  },
  headerContainer: {
    justifyContent: 'center',
    alignItems: "center",
    marginBottom: 25,
  },
  headerImage: {
    width: '50%',
    height: undefined,
    aspectRatio: 1,
  },
  headerText: {
    color: '#fff',
    fontWeight: "bold"
  },
  buttonContainer: {
    // elevation: 8,
    marginTop: 40,
    marginBottom: 25,
    color: '#fff',
    height: 40,
    backgroundColor: '#80b2ea',
    // paddingVertical: 8,
    borderRadius: 4,
    justifyContent: 'center',
    alignItems: "center",
    width: '50%'
  },
  buttonText: {
    fontSize: 18,
    color: "#fff",
    fontWeight: "bold",
    alignSelf: "center",
    textTransform: "uppercase"
  },
  container: {
    // flex: 1,
    justifyContent: 'center',
    padding: 8,
    paddingBottom: 50,
    backgroundColor: '#0e101c',
    height: '100%'
  },
  input: {
    backgroundColor: 'lightgray',
    borderColor: 'black',
    height: 40,
    padding: 10,
    borderRadius: 4,
  },
  switchView: {
    alignItems: "center",
    justifyContent: "center"
  },
  switchText: {
    textAlign: 'center',
    color: 'white',
    fontSize: 20,
    paddingBottom: 15,
  },
  title: {
    textAlign: 'center',
    color: 'white',
    fontSize: 25,
    // paddingBottom: 25,
    // marginBottom: 15,
    textDecorationLine: "underline",
  }
});