1.0.3 • Published 3 years ago

react-native-ultimate-numeric-input v1.0.3

Weekly downloads
72
License
MIT
Repository
-
Last release
3 years ago

react-native-ultimate-numeric-input

Why should you use this component?

  • Negative numbers on Android and iOS
  • Thousand comma separator.
  • Decimal numbers

Props

PropsType
placeholderstring
placeholderTextColorstring
borderColornumber
backgroundColorstring
textColorstring
allowDecimalsboolean
numberOfDecimalsnumber
valuestring
onChangeTextfunction
editableboolean
borderRadiusnumber
onBlurfunction
onFocusfunction
allowNegativesboolean
thousandSeparatorCharacterboolean
maxLengthnumber
fontFamilystring
lockWidthboolean
heightnumber | string
widthnumber | string

Example

import React, { useEffect } from 'react'

import NumericInput from 'react-native-ultimate-numeric-input'

const App = () => {
  const onChangeText = React.useCallback((text) => {
    console.log(text)
  }, [])

  return (
    <NumericInput onChangeText={onChangeText} allowDecimals allowNegatives />
  )
}

export default App

Image

Example