Sending Local Notifications in FlutterFlow - A Step-by-Step Tutorial @flutterflow

if you're building an app with offline  capabilities such as Todo app or not   taking app and you want to send notification  to your users as reminders but you can't send   notification using Firebase Cloud messaging  if the user is not online so let's learn how   to send notification to your users if they are  offline it's not sending notification it's more   like triggering a notification based on some  events or some users input uh so let me show   you a demo here so this is a real device and it  does not have internet connection as you can see here let's trigger a notification to check if   it's working or not so let me  add a title and some content here here you can see we received the notification instantly now let's test a schedule  notification let me add some title   and content and in the time section let  me select a time after 1 minutes send notification so let's wait for a  minute let me fast forward this to show you we can also trigger notification based on  some users input for example if you're creating   a Todo app and user selects a reminder and you  can store the selected time and date in the App   State variable aable and Trigger the notification  based on that uh let me show you how I achieved   this in my project so you can replicate it in  your own project easily so this is my page UI   and uh let me show you the custom acction that  I created for this so the first action is for   asking permission for sending notification we  will use it whenever the user choose to Avail   the notification function in our app like when the  users want to be notified for a specific task at a   specific time and when you create this action  don't forget to add the pops speec dependency   of local notification here and the second  action is for sending notification it sck   two parameters title and content that shows  in the notification and uh the third action is   for scheduling notification for a specific time  and this will take three parameters title content   and time now let me show you how to use these  custom actions to trigger notification based on   user input so let me show you the first action in  this button I have added an action then selected   the custom action of local notification that we  created this actions requires two parameter that   we need to pass so in the title parameter I have  passed the title text field and in the content   I have passed the content text field value and  that's it you cannot trigger notification based   on this now let me show you the second action  that sending notification on users given input   time this page is same like the earlier it  just have an extra selection field for time   selection I have used the date time visit like  uh this one let me show you the action on the button on the tab action I have selected  the schedule notification custom action   and passed this parameter so in the title  I have passed the title text field and in   the content I have passed the content text  field value and here we need to pass an extra   parameter for the time so we will select the  visit State date and time visit date picked   and uh the date time format is JM so confirm  and save that's all we need to do to set up   local notification in our flutter flow apps  I hope this video was helpful to you if so   please hit the like button and subscribe  to the channel for more videos like this   and also if you face any issue with the  integration please leave a comment and I   will try to respond as soon as possible thanks  for watching keep building awesome apps bye-bye

Channel: FlutterFlow VIP

Views: 4,106

Keywords: Flutterflow, flutterflow, nocode, flutter, tutorial, flutter tutorial

Id: yaEzAwucu-w

Length: 4min 8sec (248 seconds)

Published: Sat Nov 11 2023