ioon-rn-DynamicInput

Dynamic Input Component for Modern React Native Applications

Installation

Install ioon-rn-dynamicinput with npm

  npm i ioon-rn-dynamicinput

and import

import { useState } from "react";
import { View } from "react-native";
import DynamicInput from "ioon-rn-dynamicinput";

export default function App() {
  const [data, setData] = useState([]);

  return (
    <View
      style={{
        flex: 1,
        backgroundColor: "#fff",
        alignItems: "center",
        justifyContent: "center",
        paddingHorizontal: 25,
      }}
    >
      <DynamicInput placeholder="Some text..." set={setData} data={data} />
    </View>
  );
}

Demo

Props

| style | StyleProp | Style of View | |-------------|------------------------|----------------------------------| | textStyle | StyleProp | Style of Text of Dynamic Input | | placeholder | string | placeholder of Text | | data | array (useState) | State of Dynamic Data | | set | function (useState) | Function used to update the data | | roundedItem | AnimatableNumericValue | Border Radius of Dynamic Item | | itemColor | ColorValue | Background Color of Dynamic Item | | btnHeight | DimensionValue | Height of Close Button | | btnColor | ColorValue | Color of Close Button |

Authors

• @isaaholic

License

MIT