1.1.2 • Published 2 years ago
ioon-rn-dynamicinput v1.1.2
ioon-rn-DynamicInput
Dynamic Input Component for Modern React Native Applications
Installation
Install ioon-rn-dynamicinput with npm
npm i ioon-rn-dynamicinputand 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 |