A gesture-based password Component for React Native

Inspired by Android's gesture-based lock screen, and its iOS implementation GesturePasswordView, Spikef has produced its own React Native version of this Component.

react-native-gesture-password on GitHub

var PhonePickerDemo = React.createClass({  
    // Example for check password
    onEnd: function(password) {
        if (password == '012') {
            this.refs.pg.setNativeProps({
                gestureError: false,
                inputTipText: 'Password is right, success.'
            })

            // your codes to close this view
        } else {
            this.refs.pg.setNativeProps({
                gestureError: true,
                inputTipText: 'Password is wrong, try again.'
            });
        }
    },
    onStart: function() {
        this.refs.pg.setNativeProps({
            inputDefault: 'Please input your password.'
        })
    },
    render: function() {
        return (
            <PasswordGesture
                ref='pg'
                inputDefault='Please input your password.'
                onStart={() => this.onStart()}
                onEnd={(password) => this.onEnd(password)}
                />
        );
    }
});

Gesture