Rezg-react-native-custom-form-details NPM

rezg-react-native-form-details

common form with custom inputs

Installation

npm install rezg-react-native-custom-form-details

Usage

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

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

export default function App() {
  const [nextButtonVisibility, setNextButtonVisibility] = React.useState(true); //mandatory*

  const getInputDataSet = (data: any) => {
    console.log(data);
  };
  const StepperNextBtnDisabled = (disableStatus: boolean) => {
    setNextButtonVisibility(disableStatus);
  };
  return (
    <FormDetails
      placeholderStyle={styles.placeholderStyle}
      inputFields={dummyInputs}
      tittle="Form Header"
      tittleStyle={styles.tittleStyle}
      getInputDataSet={getInputDataSet} //get input values from the form
      StepperNextBtnDisabled={StepperNextBtnDisabled} //mandatory*
    />
  );
}

const styles = StyleSheet.create({
  placeholderStyle: {
    color: "gray",
    backgroundColor: "white",
  },
  tittleStyle: {
    fontSize: 30,
    letterSpacing: 0.5,
    fontWeight: "bold",
    color: "black",
    left: 10,
  },
});