ioon-rn-dynamicinput
v1.1.2
Published
Dynamic Input for React Native
Downloads
18
Maintainers
Readme
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 |