react-native-amount-textfield
TypeScript icon, indicating that this package has built-in type declarations

1.0.11 • Public • Published

React Native Amount Textfield

This library gives you a Amount TextField component, which has formatted value based on International Currency standard. The component return back float value ( the actual Number) and a Formatted value which can be saved in a state and used for display inside the component.

Installation and use

Clone this repository:

git clone https://github.com/npaul2173/react-native-amount-textfield#readme

Install npm packages:

npm install @react-native-amount-textfield 
yarn add @react-native-amount-textfield

Sample Implementation

const App = () => {
  const [amount, setAmount] = useState<string | null>(null)
 
  return (
    <View style={styles.container}>
      <AmountTextField
        style={styles.textInputStyles}
        value={amount}
        onChangeValue={(values) => {
          console.log('Onchange -->', values)
          setAmount(values.formattedValue)
        }}
      />
    </View>
  )
}

Package Sidebar

Install

npm i react-native-amount-textfield

Weekly Downloads

1

Version

1.0.11

License

MIT

Unpacked Size

10.5 kB

Total Files

10

Last publish

Collaborators

  • coder-sapien