James
Flutter – Passcode Lock Screen
Nowadays, the password has taken on a role as a vital part of our lives. It appears to help secure private information and important pieces of information. Furthermore, it helps us avoid the attack of information crimes. In the increasingly developed society of the 4.0 era like now, especially the information technology system, high-tech crimes are more and more common. Therefore, we must increase security by using a passcode. This is a Flutter package for iOS and Android that shows a passcode input screen similar to Native iOS. Let’s begin to check it.
Installation
First add passcode_screen as a dependency in your pubspec.yaml file.
Then use import like this one:
import 'package:passcode_screen/passcode_screen.dart';
What can it do for you?
- Create a beautiful passcode lock view simply.
PasscodeScreen(
title: title,
passwordEnteredCallback: _onPasscodeEntered,
cancelLocalizedText: 'Cancel',
deleteLocalizedText: 'Delete',
shouldTriggerVerification: _verificationNotifier.stream,
);
- Passcode input completed callback.
_onPasscodeEntered(String enteredPasscode) {
}
- Notify passcode screen if passcode correct or not
final StreamController<bool> _verificationNotifier = StreamController<bool>.broadcast();
_onPasscodeEntered(String enteredPasscode) {
bool isValid = '123456' == enteredPassword;
_verificationNotifier.add(isValid);
}
Don’t forget to close a stream
@override
void dispose() {
_verificationNotifier.close();
super.dispose();
}
- Customize UI.
Customize circles
class CircleUIConfig {
final Color borderColor;
final Color fillColor;
final double borderWidth;
final double circleSize;
double extraSize;
}
Customize keyboard
class KeyboardUIConfig {
final double digitSize;
final TextStyle digitTextStyle;
final TextStyle deleteButtonTextStyle;
final Color primaryColor;
final Color digitFillColor;
final EdgeInsetsGeometry keyboardRowMargin;
final EdgeInsetsGeometry deleteButtonMargin;
}
iOS & Android
Plugin is totally platform agnostic. No configuration is required – the plugin should work out of the box.
GitHub
https://github.com/xPutnikx/flutter-passcode
