touch_indicator 2.0.0 copy "touch_indicator: ^2.0.0" to clipboard
touch_indicator: ^2.0.0 copied to clipboard

Show up to 5 touch indicators where you touch the screen. Useful when giving a demo for an audience or when recording your app.

touch_indicator #

When you are recording a screencast of your app, you often want to give visual indication of where your fingers are touching the screen. Showing that on Android is easy. On iOS it's less intuitive. touch_indicator makes it easier and consistent on both platforms.

You add this widget as the main widget where you want to display user touches. Usually this will be the direct child of your MaterialApp. It will show an indicator on every touching finger and is completely customizable.

Installation #

Add the plugin to your pubspec.yaml:

dependencies:
  touch_indicator: ^2.0.0

Usage #

Import the package in your Dart code:

import 'package:touch_indicator/touch_indicator.dart';

Wrap all routes in your app in the TouchIndicator widget:

class MyApp extends StatelessWidget {
  MaterialApp(
    title: 'Touch indicator example',
    builder: (context, child) => TouchIndicator(child: child!),
    home: MyHomePage(title: 'Flutter Demo Home Page'),
  );
}

Customization options #

indicatorColor #

Changes the color of the backdrop and icon. Default is Colors.blueGrey.

indicatorSize #

Changes the size of the indicator. Default is 40.0.

indicator #

By adding a Widget here, you can change the complete look of the touch indicators. Make sure to supply a proper indicatorSize in order for the indicators to be positioned at the center of your touchpoints.

forceInReleaseMode #

When you want to show indicators when the app is running in release mode, make sure to enable this option. Default is false.

enabled #

You can enable or disable display of the indicators on the fly with this option. Default is true.

45
likes
160
pub points
87%
popularity

Publisher

verified publisherklingeleers.be

Show up to 5 touch indicators where you touch the screen. Useful when giving a demo for an audience or when recording your app.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on touch_indicator