react-native-prompt-cross

A cross-platform prompt component for React Native.

Installation

``
$ npm i react-native-prompt-cross
`

Examples

| iOS | Android |
| ------------------- | ----------------------- |
| ![](./demo.ios.png) | ![](./demo.android.jpg) |

Basic Usage

`js
import Prompt from "react-native-prompt-cross";

title="Title"
message="Content of prompt"
defaultValue="value"
visible={visibleState}
useNatifIosPrompt
callbackOrButtons={
{
text: "Cancel",
style: "cancel",
onPress: () => setVisibleState(false),
},
{
text: "Ok",
onPress: (text?: string) => {
setVisibleState(false);
},
},

/>;
`

API

[You can see to

Props:

- visible (boolean, required) -- When true, the prompt is displayed, closes otherwise
- title (string, required) -- The dialog's title.
- message (string) -- An optional message that appears above the text input.
- callbackOrButtons (((text?: string) => void) | AlertButton[]) -- If passed a function, it will be called with the prompt's value. If you use array of AlertButton, react-native-prompt-cross can show maximum two buttons
(text: string) => void, when the user taps 'OK'.
If passed an array, buttons will be configured based on the array content.
- type (AlertType) -- This configures the text input.
- defaultValue (string) -- The default text in text input.
- keyboardType (string) -- The keyboard type of first text field (if exists). One of TextInput keyboardTypes.
- useNatifIosPrompt (boolean, default true`) -- Set at false if you want use react component not native