React-native-single-prompt

badge

Prompt component with single input field

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

image image

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>
  );
};

GitHub

View Github