react-native-unlock

[WIP]

Feature

• Smooth gesture base on ReactART
• Simple & Advanced usage
• Fully customized ability

Changelogs

Show Cases

WIP

Getting Started

• Installation
• Basic Usage
• Components
• Properties
• Examples
• Development

Installation

$ npm i react-native -g
$ react-native init examples
$ cd examples
$ npm i react-native-unlock -S

Note: this component base on ART.xcodeproj, we should manual linking it with few steps:

1. Open your project in Xcode

   $ open ios/examples.xcodeproj

2. Drag ART.xcodeproj(in node_modules/react-native/Libraries/ART/) over to Libraries section in XCode

3. Add libART.a under "Build Phases" -> "Link Binary With Libraries"

That's all, then restart the simulator.

Basic Usage

import React from 'react'
import { AppRegistry, View } from 'react-native'
import Unlock from 'react-native-unlock'
AppRegistry.registerComponent('examples', () => () => <View style={{flex: 1}}>
  <Unlock />
</View>)

Components

import Unlock, { Circle, Line, Text, Group } from 'react-native-unlock'

Expose Circle, Line, Text, Group for more custom ability.

Properties

Examples

• Unlock mode

• Setting mode

• Touch mode (like iOS native)

Development

$ cd examples
$ npm i
$ npm run dev
$ react-native run-ios