how add button to initial notification ?

[alishe79]

how add button named "Disconnect" in AndroidNotificationOptions ?

my simple code is here .

const AndroidNotificationOptions(
      channelId: 'parameter_channel',
      channelName: 'Parameters',
      channelDescription: 'This notification appears when the reading begaz params running.',
      channelImportance: NotificationChannelImportance.LOW,
      priority: NotificationPriority.LOW,
      visibility: NotificationVisibility.VISIBILITY_PRIVATE,
      playSound: false,
      enableVibration: false,
      iconData: NotificationIconData(
        resType: ResourceType.mipmap,
        resPrefix: ResourcePrefix.ic,
        name: 'launcher',
      ),
    ),

[Dev-hwang]

The feature to add a button to a notification is not implemented yet.

[Dev-hwang]

I checked the Android official documentation, but there are many difficulties in adding button functions to this plugin. This is because Dart code cannot be guaranteed to work normally even in the background, and accessibility with TaskHandler must also be considered.

Let's try implementing it by creating a new branch.

[alishe79]

Thanks for everything.

[Dev-hwang]

@alishe79

Add the following line to your pubspec.yaml file.

dependency_overrides:
  flutter_foreground_task:
    git:
      url: https://github.com/Dev-hwang/flutter_foreground_task.git
      ref: add_notification_button

Run the command.

flutter clean
flutter pub get

Use the buttons option in the FlutterForegroundTask.init function as shown below.

Future<void> _initForegroundTask() async {
    await FlutterForegroundTask.init(
      androidNotificationOptions: AndroidNotificationOptions(
        channelId: 'notification_channel_id',
        channelName: 'Foreground Notification',
        channelDescription: 'This notification appears when the foreground service is running.',
        channelImportance: NotificationChannelImportance.LOW,
        priority: NotificationPriority.LOW,
        iconData: const NotificationIconData(
          resType: ResourceType.mipmap,
          resPrefix: ResourcePrefix.ic,
          name: 'launcher',
        ),
        buttons: [
          const NotificationButton(id: 'sendButton', text: 'Send'),
          const NotificationButton(id: 'testButton', text: 'Test'),
        ],
      ),
      iosNotificationOptions: const IOSNotificationOptions(
        showNotification: true,
        playSound: false,
      ),
      foregroundTaskOptions: const ForegroundTaskOptions(
        interval: 5000,
        autoRunOnBoot: true,
        allowWifiLock: true,
      ),
      printDevLog: true,
    );
  }

And override the onButtonPressed function in the TaskHandler implementation class.

class FirstTaskHandler extends TaskHandler {
  @override
  Future<void> onStart(DateTime timestamp, SendPort? sendPort) async {

  }

  @override
  Future<void> onEvent(DateTime timestamp, SendPort? sendPort) async {

  }

  @override
  Future<void> onDestroy(DateTime timestamp) async {

  }

  @override
  void onButtonPressed(String id) {
    // Called when the notification button on the Android platform is pressed.
    print('onButtonPressed >> $id');
  }
}

Result

I will do more testing and upgrade the plugin. First, try using the plugin by overriding the dependency.

[Dev-hwang]

The plugin has been updated. You can upgrade to version 3.5.0.

dependencies:
  flutter_foreground_task: ^3.5.0

In Android 11 and lower versions, the notification action button may not be displayed properly. This is because the notification importance is set LOW, so the notification is not in an expanded state. Therefore, the user must extend the notification or set the notification importance to HIGH as shown below.

Future<void> _initForegroundTask() async {
    await FlutterForegroundTask.init(
      androidNotificationOptions: AndroidNotificationOptions(
        channelId: 'notification_channel_id',
        channelName: 'Foreground Notification',
        channelDescription: 'This notification appears when the foreground service is running.',
        channelImportance: NotificationChannelImportance.HIGH,  // here
        priority: NotificationPriority.HIGH,  // here
        buttons: [
          const NotificationButton(id: 'sendButton', text: 'Send'),
          const NotificationButton(id: 'testButton', text: 'Test'),
        ],
      ),
      iosNotificationOptions: const IOSNotificationOptions(),
      foregroundTaskOptions: const ForegroundTaskOptions(),
      printDevLog: true,
    );
  }

[alishe79]

This greate :) ! Thanks for work.

[reverieline]

Hi! Is it posible to update button text while service is running?