1.1.2 • Published 1 year 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-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 |