https://github.com/intergalacticspacehighway/react-native-lockscreen-view

https://github.com/intergalacticspacehighway/react-native-lockscreen-view

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/intergalacticspacehighway/react-native-lockscreen-view
• Owner: intergalacticspacehighway
• Created: 2023-01-30T06:01:35.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-30T16:14:39.000Z (almost 2 years ago)
• Last Synced: 2024-05-01T16:34:12.701Z (7 months ago)
• Language: Java
• Size: 832 KB
• Stars: 23
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
## WIP

Control view that should be shown in app switcher when app goes to background. Only works on iOS for now.

https://user-images.githubusercontent.com/23293248/215400813-25c4986c-2b78-46c4-b8b3-e9fc7b9f49fb.mov

## Installation

```

yarn add react-native-lockscreen-view

// or

npm i react-native-lockscreen-view

```

## Usage

- Checkout example/ directory

```jsx

import { ReactNativeLockscreenView } from "react-native-lockscreen-view";

export default function App() {

  const [visible, setVisible] = useState(true);

  return (

    

      hello world

       setVisible(true)}>

        {visible ?  setVisible(false)} /> : null}

      

    

  );

}

const Passcode = (props) => {

  const { hide } = props;

  return (

    

      

        

      

    

  );

};

```

## Expo support

- ✅ You can use this library with [Development Builds](https://docs.expo.dev/development/introduction/). No config plugin is required.

  - After installing the library, run [expo prebuild](https://docs.expo.dev/workflow/prebuild/) command to rebuild the native app.

- ❌ This library can't be used in the "Expo Go" app because it requires [custom native code](https://docs.expo.dev/workflow/customizing/).