2.0.1 • Published 2 years ago

react-native-single-prompt v2.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

React-native-single-prompt

badge

Prompt component with single input field

import Prompt from 'react-native-single-prompt';

Simulator Screen Recording - iPhone 13 - 2022-06-11 at 08 42 46 Simulator Screen Recording - iPhone 13 - 2022-06-11 at 11 32 20

Usage

  1. Installation
yarn add react-native-single-prompt

or

npm i react-native-single-prompt
  1. Code sample I highely advise controlling prompt with Modal from core react-native API
import Prompt from 'react-native-single-prompt';
import {Modal} from 'react-native';

const App = () => {
  const [isPromptActive, setIsPromptActive] = useState(false);

  return (
    <SafeAreaView style={{flex: 1}}>
      <Modal transparent={true} visible={isPromptActive} animationType="fade">
        <Prompt
          exit={() => setIsPromptActive(false)}
          callback={value => Alert.alert('Prompt confirmed', value)}
          name="iOS"
        />
      </Modal>
      <Button title="Activate prompt" onPress={() => setIsPromptActive(true)} />
    </SafeAreaView>
  );
};
  1. Optional props backgroundOpacity={value: number}, value in range: <0;1>, default = 0.5