101 lines
2.4 KiB
Dart
101 lines
2.4 KiB
Dart
|
|
import 'dart:async';
|
||
|
|
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
|
||
|
|
class AndroidLockButton extends StatelessWidget {
|
||
|
|
const AndroidLockButton({super.key, required this.onLock});
|
||
|
|
|
||
|
|
final VoidCallback onLock;
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Material(
|
||
|
|
color: const Color(0xB3000000),
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
child: InkWell(
|
||
|
|
customBorder: const CircleBorder(),
|
||
|
|
onTap: onLock,
|
||
|
|
child: const Padding(
|
||
|
|
padding: EdgeInsets.all(8),
|
||
|
|
child: Icon(Icons.lock_open, color: Colors.white, size: 22),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class AndroidLockedOverlay extends StatefulWidget {
|
||
|
|
const AndroidLockedOverlay({super.key, required this.onUnlock});
|
||
|
|
|
||
|
|
final VoidCallback onUnlock;
|
||
|
|
|
||
|
|
@override
|
||
|
|
State<AndroidLockedOverlay> createState() => _AndroidLockedOverlayState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class _AndroidLockedOverlayState extends State<AndroidLockedOverlay> {
|
||
|
|
bool _iconVisible = true;
|
||
|
|
Timer? _hideTimer;
|
||
|
|
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
super.initState();
|
||
|
|
_startTimer();
|
||
|
|
}
|
||
|
|
|
||
|
|
void _startTimer() {
|
||
|
|
_hideTimer?.cancel();
|
||
|
|
_hideTimer = Timer(const Duration(seconds: 3), () {
|
||
|
|
if (mounted) setState(() => _iconVisible = false);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
void _onTapBackground() {
|
||
|
|
if (!_iconVisible) {
|
||
|
|
setState(() => _iconVisible = true);
|
||
|
|
_startTimer();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
void dispose() {
|
||
|
|
_hideTimer?.cancel();
|
||
|
|
super.dispose();
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return GestureDetector(
|
||
|
|
behavior: HitTestBehavior.opaque,
|
||
|
|
onTap: _onTapBackground,
|
||
|
|
child: Stack(
|
||
|
|
children: [
|
||
|
|
Positioned(
|
||
|
|
left: 56,
|
||
|
|
top: 0,
|
||
|
|
bottom: 0,
|
||
|
|
child: Center(
|
||
|
|
child: AnimatedOpacity(
|
||
|
|
opacity: _iconVisible ? 1.0 : 0.0,
|
||
|
|
duration: const Duration(milliseconds: 160),
|
||
|
|
child: Material(
|
||
|
|
color: const Color(0xB3000000),
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
child: InkWell(
|
||
|
|
customBorder: const CircleBorder(),
|
||
|
|
onTap: _iconVisible ? widget.onUnlock : null,
|
||
|
|
child: const Padding(
|
||
|
|
padding: EdgeInsets.all(8),
|
||
|
|
child: Icon(Icons.lock, color: Colors.white, size: 28),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|