react-native-signup-checkbox

React Native component for sign up check list

Android Example	IOS Example

Getting started

yarn add react-native-signup-checkbox

or

npm install react-native-signup-checkbox --save

On iOS, install cocoapods:

npx pod-install

Usage

Example

import { CheckTerms, CheckTermsProps } from "react-native-signup-checkbox";

const CheckTermsData: CheckTermsProps["data"] = [
  {
    index: 0,
    label: "hi",
    link: "https://google.com",
    necessary: true,
    linkLabel: "detail",
    checked: false,
  },
  {
    index: 1,
    label: "hi",
    link: "https://google.com",
    necessary: true,
    linkLabel: "detail",
    checked: false,
  },
  {
    index: 2,
    label: "hi",
    link: "https://google.com",
    necessary: false,
    linkLabel: "detail",
    checked: false,
  },
  {
    index: 3,
    label: "hi",
    necessary: false,
    checked: false,
    link: "",
  },
];
const [toggleCheckBox, setToggleCheckBox] = useState(false);

const [termsEnable, setTermsEable] = useState(false);
return (
  <SafeAreaView>
    <View style={{ backgroundColor: "orange" }}>
      <CheckTerms
        data={CheckTermsData}
        essential={"essential"}
        optional={"optional"}
        selectAll={"selectAll"}
        setTermsEable={setTermsEable}
      />
    </View>
  </SafeAreaView>
);

Props

Common Props

Prop name	Type	Description
data	array	CheckTermsProps['data'] - show the example.
essential	string	essential string
optional	string	optional string
selectAll	string	selectAll string
setTermsEable	React.Dispatch<SetStateAction>	setState

License

The library is released under the MIT licence. For more information see LICENSE.