rezg-react-native-form-details v0.1.1

rezg-react-native-form-details

common form with custom inputs

Installation

npm install rezg-react-native-form-details

Usage

import { FormDetails } from "rezg-react-native-form-details";

// ...

import * as React from "react";
import { StyleSheet } from "react-native";
import { FormDetails } from "rezg-react-native-form-details";
import dummyInputs from "./InputFields/DummyInputFields";

export default function App() {
  const getInputValues = (data: any) => {
    console.log(data);
  };

  return (
    <FormDetails
      customStyle={styles.customStyle}
      inputFieldStyle={styles.inputFieldStyle}
      placeholderStyle={styles.placeholderStyle}
      inputFields={dummyInputs}
      tittle="Form Header"
      tittleStyle={styles.tittleStyle}
      getInputValues={getInputValues} //get new input values from the form
    />
  );
}

const styles = StyleSheet.create({
  customStyle: {
    padding: 10,
    top: 40,
  },
  inputFieldStyle: {
    flex: 1,
    marginTop: 8,
    paddingLeft: 10,
    paddingRight: 15,
  },
  placeholderStyle: {
    color: "gray",
    backgroundColor: "white",
  },
  tittleStyle: {
    fontSize: 30,
    letterSpacing: 0.5,
    fontWeight: "bold",
    color: "black",
    left: 10,
  },
});

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library