react-native-input-prompt-cex

1.0.0 • Public • Published

Note

This is only a fork with some PR applied to tweak transparency

react-native-input-prompt

A cross-platform input prompt component for React Native.

Installation

$ npm install --save react-native-input-prompt

Demo

iOS Android

Basic Usage

<Prompt
  visible={this.state.visible}
  title="Say Something"
  placeholder="Type Something"
  onCancel={() =>
    this.setState({
      text: 'User Cancelled!',
      visible: !this.state.visible
    })
  }
  onSubmit={text =>
    this.setState({
      text: 'User submitted: ' + text,
      visible: !this.state.visible
    })
  }
  textInputProps={{ autoCapitalize: 'none', autoCorrect: false }}
  isTransparent={false}
/>

API

Props:

  • title (string, required): The title to be displayed on the prompt.
  • visible (boolean, required): When true, the prompt is displayed, closes otherwise.
  • placeholder (string, required): The placeholder text of the prompt.
  • cancelText (string): The string that is displayed on the cancel button (defaults to "Cancel").
  • submitText (string): The string that is displayed on the submit button (defaults to "Submit").
  • cancelButtonStyle (object): To change the style of "Cancel button".
  • submitButtonStyle (object): To change the style of "Submit button".
  • cancelButtonTextStyle(object): To change the style of text displayed inside "Cancel button".
  • submitButtonTextStyle (object): To change the style of text displayed inside "Submit button".
  • titleStyle (object): To change the style of title text.
  • onChangeText (function): Function that is called with user input when it changes.
  • onSubmit (function, required): Function that is called when user presses on "Submit button".
  • onCancel (function, required): Function that is called when user presses on "Cancel button".
  • textInputProps (object): To map override TextInput props
  • isTransparent (bool): To make prompt input background not transparent (defaults to true)

Contributing

Don't find what you want or want to improve the project?

Feel free to fork the project and submit a pull request with your changes!

Not familiar or feeling lazy? Open issue about your idea or tip!

License

MIT

Free Software, Hell Yeah!

Package Sidebar

Install

npm i react-native-input-prompt-cex

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

6.33 MB

Total Files

9

Last publish

Collaborators

  • miguelangelvaquero