react-native-anim-inp/src/AnimatedInput/styles.js

A lightweight and easy to use floating animated input! :)

import { StyleSheet } from "react-native";

export default StyleSheet.create({
  content: {
    justifyContent: "flex-end",
    marginVertical: 1,
  },
  wrapper: {
    flex: 1,
    justifyContent: "space-between",
  },
  input: {
    fontSize: 18,
    flex: 1,
    marginBottom: 30,
    height: 15
  },
  bodyContent: {
    borderBottomColor: "black",
    justifyContent: "flex-start",
    flexDirection: "row",
  },
  toucheableLineContent: {
    flexDirection: "row",
    alignItems: "baseline",
  },
  label: {
    fontSize: 13,
    paddingBottom: 7,
    color: "#606060",
    fontWeight: "600",
  },
  error: {
    marginBottom: 5,
    color: "#d32f2f",
    fontSize: 13,
    marginTop: 2,
  },
  sufix: {
    flexDirection: "column-reverse",
  },
});