Skip to main content

Dialer

Dialers are used to display a keypad that allows the user to enter a number.

Import

import { Dialer } from '@nomada-sh/react-native-eyecandy';

Example

Props

Required
value

Type
string

Required
onChange

(value: string) => void;
Type
function
  • 'value' (string): new value.

KeyComponent

Component to use as key button. You need to pass onPressIn and onPressOut props to a pressable component (or any other component that can be pressed).

Examples

Type
component

style

Styles applied to the root view.

Type
View Style

rowStyle

Styles applied to each row view.

Type
View Style

hideDeleteKey

Hides delete key.

Type
boolean

emptyKeyValue

Value to use for empty key. When set, the empty key will be shown (Bottom left key).

Type
string

deleteKeyValue

Value to use for delete key (Delete key will be used to append this value, instead of deleting the last character).

Type
string

testID

Type
string