NumberInputNumber Input to create an input with a formatted number

UX Guidelines

Dev

UsageCode Example

<NumberInput initialValue={1506} onChange={onChange} placeholder={'Price'}/>

APIThis is the list of additional props for the component

containerStyle

ViewStyle

Container style of the whole component

contextMenuHidden

boolean

If true, context menu is hidden.. Default is trueRequires @react-native-community/clipboard to be installed.

fractionDigits

number

Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.. Default is 2

initialNumber

number

A valid number (in en locale, i.e. only digits and a decimal point).

leadingText

string

A leading text

leadingTextStyle

TextStyle

The style of the leading text

onChangeNumber

(data: NumberInputData) => void

Required

Callback that is called when the number value has changed.

textFieldProps

TextFieldProps

Most of TextField's props can be applied, except for ones that are passed directly via named props.

trailingText

string

A trailing text

trailingTextStyle

TextStyle

The style of the trailing text