idle_detector_wrapper 1.1.0

A comprehensive Flutter package for idle detection with full web scroll support, mouse movement, keyboard input, and touch gesture detection.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:idle_detector_wrapper/idle_detector_wrapper.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Idle Detector Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Idle Detector Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _status = 'Active';
  int _idleCount = 0;
  int _activeCount = 0;
  bool _keyboardDetectionEnabled = true;

  void _onIdle() {
    setState(() {
      _status = 'Idle';
      _idleCount++;
    });
  }

  void _onActive() {
    setState(() {
      _status = 'Active';
      _activeCount++;
    });
  }

  void _resetCounts() {
    setState(() {
      _status = 'Active';
      _idleCount = 0;
      _activeCount = 0;
    });
  }

  @override
  Widget build(BuildContext context) {
    return IdleDetector(
      idleTime: const Duration(seconds: 3),
      onIdle: _onIdle,
      onActive: _onActive,
      detectKeyboardActivity: _keyboardDetectionEnabled,
      child: Scaffold(
        appBar: AppBar(
          backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          title: Text(widget.title),
        ),
        body: Container(
          width: double.infinity,
          height: double.infinity,
          padding: const EdgeInsets.all(16.0),
          child: SingleChildScrollView(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text(
                  'Status: $_status',
                  style: Theme.of(context).textTheme.headlineMedium?.copyWith(
                        color: _status == 'Active' ? Colors.green : Colors.red,
                      ),
                ),
                const SizedBox(height: 20),
                Text(
                  'Times gone idle: $_idleCount',
                  style: Theme.of(context).textTheme.titleLarge,
                ),
                const SizedBox(height: 20),
                Card(
                  child: Padding(
                    padding: const EdgeInsets.all(16.0),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        const Text(
                          'Keyboard Detection:',
                          style: TextStyle(fontWeight: FontWeight.bold),
                        ),
                        Switch(
                          value: _keyboardDetectionEnabled,
                          onChanged: (value) {
                            setState(() {
                              _keyboardDetectionEnabled = value;
                            });
                          },
                        ),
                      ],
                    ),
                  ),
                ),
                const SizedBox(height: 40),
                const Card(
                  child: Padding(
                    padding: EdgeInsets.all(16.0),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Text(
                          'Test different interactions:',
                          style: TextStyle(fontWeight: FontWeight.bold),
                        ),
                        SizedBox(height: 10),
                        Text('• Move your mouse'),
                        Text('• Click anywhere'),
                        Text('• Scroll (especially important for web!)'),
                        Text('• Use keyboard shortcuts (if enabled)'),
                        Text('• Drag elements'),
                        SizedBox(height: 10),
                        Text(
                          'After 3 seconds of inactivity, status will change to "Idle"',
                          style: TextStyle(fontStyle: FontStyle.italic),
                        ),
                      ],
                    ),
                  ),
                ),
                const SizedBox(height: 40),
                Container(
                  height: 200,
                  decoration: BoxDecoration(
                    border: Border.all(color: Colors.grey),
                    borderRadius: BorderRadius.circular(8),
                  ),
                  child: ListView.builder(
                    itemCount: 50,
                    itemBuilder: (context, index) {
                      return ListTile(
                        title: Text('Scrollable Item ${index + 1}'),
                        subtitle: Text('Try scrolling this list!'),
                      );
                    },
                  ),
                ),
              ],
            ),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: _resetCounts,
          tooltip: 'Reset Counters',
          child: const Icon(Icons.refresh),
        ),
      ),
    );
  }
}