React-Native-Money-Input 💰

A React Native input component for money, preset with "0.00" and right-aligned.
Useful for usecases when displaying number with two decimal points is required, such as money and currency.
* Allows custom styling
* Built with native components
* Right aligned input

Getting Started

Install the component to your React Native project
``


npm install react-native-money-input


Then import it into your app and use it just like a regular TextInput


import MoneyInput from 'react-native-money-input'
const MyComponent = () => {
    return  console.log(text)} />
}


!Money Input Gif
Styling & Passing Props

This component allows for custom styling simply by passing styles to the style prop. You can also pass other props to the component. For example:


const MyStyledComponent = () => {
    return 
}
const styles = StyleSheet.create({
    moneyInput: {
        fontSize: 74,
        fontWeight: 'bold',
        color: 'white',
        borderWidth: 0
    }
})

``
!Styled Money Input Gif

License

Licensed under the MIT License