local notification doesn't take me to a notification screen - flutter

Question

i have a problem that when i close the application from the background, the mobile sends me a notification, but when i click on it, it doesn't take me to a notification screen t
he package
flutter_local_notifications
the database
sqlite
state mangment
get
notification screan
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../theme.dart';
class NotificationScreen extends StatefulWidget {
const NotificationScreen({Key? key, required this.payload}) : super(key: key);
final String payload;
#override
_NotificationScreenState createState() => _NotificationScreenState();
}
class _NotificationScreenState extends State<NotificationScreen> {
String _payload = '';
#override
void initState() {
super.initState();
_payload = widget.payload;
}
#override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: context.theme.backgroundColor,
appBar: AppBar(
leading: IconButton(
onPressed: () => Get.back(),
icon: Icon(
Icons.arrow_back_ios,
color: Get.isDarkMode ? Colors.white : darkGreyClr,
),
),
elevation: 0,
backgroundColor: context.theme.backgroundColor,
title: Text(
_payload.toString().split('|')[0],
style: TextStyle(color: Get.isDarkMode ? Colors.white : darkGreyClr),
),
),
body: SafeArea(
child: Column(
children: [
const SizedBox(height: 20),
Column(
children: [
Text(
'اهلا',
style: TextStyle(
fontSize: 26,
fontWeight: FontWeight.w900,
color: Get.isDarkMode ? Colors.white : darkGreyClr,
),
),
const SizedBox(height: 10),
Text(
'لديك تذكير جديد',
style: TextStyle(
fontSize: 18,
fontWeight: FontWeight.w300,
color: Get.isDarkMode ? Colors.grey[100] : darkGreyClr,
),
),
],
),
const SizedBox(height: 10),
Expanded(
child: Container(
padding:
const EdgeInsets.symmetric(horizontal: 30, vertical: 10),
margin: const EdgeInsets.symmetric(horizontal: 30),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(30),
color: primaryClr,
),
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: const [
Icon(
Icons.text_format,
size: 35,
color: Colors.white,
),
SizedBox(width: 20),
Text(
'العنوان',
style: TextStyle(color: Colors.white, fontSize: 30),
),
],
),
const SizedBox(height: 20),
Text(
_payload.toString().split('|')[0],
style:
const TextStyle(color: Colors.white, fontSize: 20),
),
const SizedBox(height: 20),
Row(
children: const [
Icon(
Icons.description,
size: 35,
color: Colors.white,
),
SizedBox(width: 20),
Text(
'الوصف',
style: TextStyle(color: Colors.white, fontSize: 30),
),
],
),
const SizedBox(height: 20),
Text(
_payload.toString().split('|')[1],
style:
const TextStyle(color: Colors.white, fontSize: 20),
textAlign: TextAlign.justify,
),
const SizedBox(height: 20),
Row(
children: const [
Icon(
Icons.calendar_today_outlined,
size: 35,
color: Colors.white,
),
SizedBox(width: 20),
Text(
'التاريخ',
style: TextStyle(color: Colors.white, fontSize: 30),
),
],
),
const SizedBox(height: 20),
Text(
_payload.toString().split('|')[2],
style:
const TextStyle(color: Colors.white, fontSize: 20),
),
],
),
),
),
),
const SizedBox(height: 10),
],
),
),
);
}
}
notification_services
import 'package:flutter/material.dart';
import 'package:flutter_local_notifications/flutter_local_notifications.dart';
import 'package:flutter_native_timezone/flutter_native_timezone.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';
import 'package:rxdart/rxdart.dart';
// ignore: depend_on_referenced_packages
import 'package:timezone/data/latest.dart' as tz;
// ignore: depend_on_referenced_packages
import 'package:timezone/timezone.dart' as tz;
import '/models/task.dart';
import '/ui/pages/notification_screen.dart';
class NotifyHelper {
FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
FlutterLocalNotificationsPlugin(); //
final BehaviorSubject<String> selectNotificationSubject =
BehaviorSubject<String>();
initializeNotification() async {
await _configureLocalTimeZone();
_configureSelectNotificationSubject();
final IOSInitializationSettings initializationSettingsIOS =
// ignore: prefer_const_constructors
IOSInitializationSettings(
requestSoundPermission: false,
requestBadgePermission: false,
requestAlertPermission: false,
onDidReceiveLocalNotification: onDidReceiveLocalNotification);
final AndroidInitializationSettings initializationSettingsAndroid =
// ignore: prefer_const_constructors
AndroidInitializationSettings('#mipmap/ic_launcher');
final InitializationSettings initializationSettings =
InitializationSettings(
iOS: initializationSettingsIOS,
android: initializationSettingsAndroid,
);
await flutterLocalNotificationsPlugin.initialize(
initializationSettings,
onSelectNotification: (String? payload) async {
if (payload != null) {
debugPrint('notification payload: $payload');
}
selectNotificationSubject.add(payload!);
},
);
}
displayNotification({required String title, required String body}) async {
debugPrint('doing test');
var androidPlatformChannelSpecifics = const AndroidNotificationDetails(
'your channel id', 'your channel name',
channelDescription: 'your channel description',
importance: Importance.max,
priority: Priority.high);
var iOSPlatformChannelSpecifics = const IOSNotificationDetails();
var platformChannelSpecifics = NotificationDetails(
android: androidPlatformChannelSpecifics,
iOS: iOSPlatformChannelSpecifics);
await flutterLocalNotificationsPlugin.show(
5,
title,
body,
platformChannelSpecifics,
payload: 'Default_Sound',
);
}
cancelNotification(Task task) async {
await flutterLocalNotificationsPlugin.cancel(task.id!);
}
cancelAllNotification() async {
await flutterLocalNotificationsPlugin.cancelAll();
}
scheduledNotification(int hour, int minutes, Task task) async {
await flutterLocalNotificationsPlugin.zonedSchedule(
task.id!.toInt(),
task.title,
task.note!,
_convertTime(hour, minutes, task.repeat!, task.date!),
//tz.TZDateTime.now(tz.local).add(const Duration(seconds: 5)),
const NotificationDetails(
android: AndroidNotificationDetails(
'your channel id',
'your channel name',
channelDescription: 'your channel description',
),
),
androidAllowWhileIdle: true,
uiLocalNotificationDateInterpretation:
UILocalNotificationDateInterpretation.absoluteTime,
matchDateTimeComponents: DateTimeComponents.time,
payload: '${task.title}|${task.note}|${task.startTime}|',
);
}
tz.TZDateTime _convertTime(
int hour, int minutes, String repeat, String date) {
final tz.TZDateTime now = tz.TZDateTime.now(tz.local);
tz.TZDateTime scheduledDate =
tz.TZDateTime(tz.local, now.year, now.month, now.day, hour, minutes);
var formattedDate = DateFormat.yMd().parse(date);
if (scheduledDate.isBefore(now)) {
if (repeat == 'يوميا') {
scheduledDate = tz.TZDateTime(tz.local, now.year, now.month,
(formattedDate.day) + 1, hour, minutes);
}
if (repeat == 'اسبوعيا') {
scheduledDate = tz.TZDateTime(tz.local, now.year, now.month,
(formattedDate.day) + 7, hour, minutes);
}
if (repeat == 'شهريا') {
scheduledDate = tz.TZDateTime(tz.local, now.year,
(formattedDate.month) + 1, formattedDate.day, hour, minutes);
}
}
debugPrint('next scheduledDate = $scheduledDate');
return scheduledDate;
}
Future<void> _configureLocalTimeZone() async {
tz.initializeTimeZones();
final String timezone = await FlutterNativeTimezone.getLocalTimezone();
tz.setLocalLocation(
tz.getLocation(timezone),
);
}
void requestIOSPermissions() {
flutterLocalNotificationsPlugin
.resolvePlatformSpecificImplementation<
IOSFlutterLocalNotificationsPlugin>()
?.requestPermissions(
alert: true,
badge: true,
sound: true,
);
}
void _configureSelectNotificationSubject() {
selectNotificationSubject.stream.listen((String payload) async {
debugPrint('My payload is $payload');
await Get.to(() => NotificationScreen(payload: payload));
});
}
}
Future onDidReceiveLocalNotification(
int? id, String? title, String? body, String? payload) async {
Get.dialog(
const Text('welcome to flutter'),
);
}
add task page
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:intl/intl.dart';
import '../../controllers/task_controller.dart';
import '../../models/task.dart';
import '../theme.dart';
import '../widgets/button.dart';
import '../widgets/input_field.dart';
class AddTaskPage extends StatefulWidget {
const AddTaskPage({Key? key}) : super(key: key);
#override
State<AddTaskPage> createState() => _AddTaskPageState();
}
class _AddTaskPageState extends State<AddTaskPage> {
final TaskController _taskController = Get.put(TaskController());
final TextEditingController _titleController = TextEditingController();
final TextEditingController _noteController = TextEditingController();
DateTime _selectedDate = DateTime.now();
String _startTime = DateFormat('hh:mm a')
.format(DateTime.now().add(const Duration(minutes: 1)))
.toString();
String _endTime = DateFormat('hh:mm a')
.format(DateTime.now().add(const Duration(minutes: 15)))
.toString();
String _selectedRepeat = 'بدون';
List<String> repeatList = ['بدون', 'يوميا', 'اسبوعيا', 'شهريا'];
int _selectedColor = 0;
#override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: context.theme.backgroundColor,
appBar: _appBar(),
body: Container(
padding: const EdgeInsets.symmetric(horizontal: 20),
child: SingleChildScrollView(
child: Column(
children: [
Text('اضافة مهمة', style: headingStyle),
InputField(
title: 'عنوان',
hint: 'ادخل العنوان هنا',
controller: _titleController,
),
InputField(
title: 'ملاحظة',
hint: 'ادخل الملاحظة هنا',
controller: _noteController,
),
InputField(
title: 'التاريخ',
hint: DateFormat.yMd().format(_selectedDate),
widget: IconButton(
onPressed: () {
FocusScope.of(context).unfocus();
_getDateFromUser();
},
icon: const Icon(
Icons.calendar_today_outlined,
color: Colors.grey,
),
),
),
Row(
children: [
Expanded(
child: InputField(
title: 'بداية الوقت',
hint: _startTime,
widget: IconButton(
onPressed: () {
FocusScope.of(context).unfocus();
_getTimeFromUser(isStartTime: true);
},
icon: const Icon(
Icons.access_time_rounded,
color: Colors.grey,
),
),
),
),
const SizedBox(width: 12),
Expanded(
child: InputField(
title: 'نهاية الوقت',
hint: _endTime,
widget: IconButton(
onPressed: () {
FocusScope.of(context).unfocus();
_getTimeFromUser(isStartTime: false);
},
icon: const Icon(
Icons.access_time_rounded,
color: Colors.grey,
),
),
),
),
],
),
InputField(
title: 'اعادة',
hint: _selectedRepeat,
widget: Row(
children: [
DropdownButton(
dropdownColor: Colors.blueGrey,
borderRadius: BorderRadius.circular(10),
items: repeatList
.map<DropdownMenuItem<String>>(
(String value) => DropdownMenuItem<String>(
value: value,
child: Text(value,
style: const TextStyle(
color: Colors.white,
)),
),
)
.toList(),
icon: const Icon(Icons.keyboard_arrow_down,
color: Colors.grey),
iconSize: 32,
elevation: 4,
underline: Container(height: 0),
style: subTitleStyle,
onChanged: (String? newValue) {
setState(() {
_selectedRepeat = newValue!;
});
},
),
const SizedBox(width: 6),
],
),
),
const SizedBox(height: 13),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
_colorPalette(),
MyButton(
label: 'اضافة',
onTap: () {
_validateDate();
},
),
],
),
const SizedBox(height: 8),
],
),
),
),
);
}
AppBar _appBar() {
return AppBar(
leading: IconButton(
onPressed: () => Get.back(),
icon: const Icon(
Icons.arrow_back_ios,
size: 24,
color: primaryClr,
),
),
elevation: 0,
backgroundColor: context.theme.backgroundColor,
actions: const [
CircleAvatar(
backgroundImage: AssetImage('images/person.jpeg'),
radius: 18,
),
SizedBox(width: 20),
],
);
}
_validateDate() {
FocusScope.of(context).unfocus();
if (_titleController.text.isNotEmpty && _noteController.text.isNotEmpty) {
_addTasksToDb();
Get.back();
} else if (_titleController.text.isEmpty || _noteController.text.isEmpty) {
Get.snackbar(
'مطلوب',
'!كل الحقول مطلوبة',
snackPosition: SnackPosition.BOTTOM,
backgroundColor: Colors.white,
colorText: pinkClr,
icon: const Icon(Icons.warning_amber_rounded, color: Colors.red),
);
} else {
debugPrint('############ SOMETHING BAD HAPPENED #################');
}
}
_addTasksToDb() async {
try {
//print('here is the selected month ${_selectedDate.month}');
//print('here is the selected day ${_selectedDate.day}');
int value = await _taskController.addTask(
task: Task(
title: _titleController.text,
note: _noteController.text,
isCompleted: 0,
date: DateFormat.yMd().format(_selectedDate),
startTime: _startTime,
endTime: _endTime,
color: _selectedColor,
repeat: _selectedRepeat,
),
);
debugPrint('id value = $value');
} catch (e) {
debugPrint('Error = $e');
}
}
Column _colorPalette() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('اللون', style: titleStyle),
const SizedBox(height: 8),
Wrap(
children: List<Widget>.generate(
3,
(index) => GestureDetector(
onTap: () {
setState(() {
_selectedColor = index;
});
},
child: Padding(
padding: const EdgeInsets.only(right: 8),
child: CircleAvatar(
child: _selectedColor == index
? const Icon(Icons.done, size: 16, color: Colors.white)
: null,
backgroundColor: index == 0
? primaryClr
: index == 1
? pinkClr
: orangeClr,
radius: 14,
),
),
),
),
),
],
);
}
_getDateFromUser() async {
DateTime? _pickedDate = await showDatePicker(
context: context,
initialDate: DateTime.now(),
firstDate: DateTime.now(),
lastDate: DateTime(2030),
);
if (_pickedDate != null) {
setState(() => _selectedDate = _pickedDate);
} else {
debugPrint('It\'s null or something is wrong');
}
}
_getTimeFromUser({required bool isStartTime}) async {
TimeOfDay? _pickedTime = await showTimePicker(
initialEntryMode: TimePickerEntryMode.input,
context: context,
initialTime: isStartTime
? TimeOfDay.fromDateTime(DateTime.now())
: TimeOfDay.fromDateTime(
DateTime.now().add(const Duration(minutes: 15))),
);
String _formattedTime = _pickedTime!.format(context);
if (isStartTime) {
setState(() => _startTime = _formattedTime);
} else if (!isStartTime) {
setState(() => _endTime = _formattedTime);
} else {
debugPrint('time canceld or something is wrong');
}
}
}
main screan
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:get_storage/get_storage.dart';
import '/ui/theme.dart';
import 'db/db_helper.dart';
import 'services/theme_services.dart';
import 'ui/pages/home_page.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await DBHelper.initDb();
await GetStorage.init();
runApp(
const MyApp(),
);
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
#override
Widget build(BuildContext context) {
return GetMaterialApp(
theme: Themes.light,
darkTheme: Themes.dark,
themeMode: ThemeServices().theme,
title: 'To Do',
debugShowCheckedModeBanner: false,
home: const HomePage(),
);
}
}