{"id":222652,"date":"2023-05-13T19:40:43","date_gmt":"2023-05-13T19:40:43","guid":{"rendered":"https:\/\/www.flawlessappdesign.com\/?p=222652"},"modified":"2023-05-13T19:40:43","modified_gmt":"2023-05-13T19:40:43","slug":"10-flutterflow-custom-functions-examples","status":"publish","type":"post","link":"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/","title":{"rendered":"10 Incredibly Useful FlutterFlow Custom Functions Examples"},"content":{"rendered":"<p>Welcome to this comprehensive guide on crafting and employing custom functions in FlutterFlow! If you&#8217;re a mobile app developer or someone venturing into the realm of mobile app development, you&#8217;ve likely stumbled upon <a href=\"https:\/\/app.flutterflow.io\/create-account?referral_id=U4Ik7oWFkUSrUutTHDE2F8w7YLI2\" target=\"_blank\" rel=\"noopener\">FlutterFlow<\/a>. This groundbreaking tool simplifies the creation of robust applications and one of its standout features is its support for custom functions. These FlutterFlow Custom Functions Examples will illustrate how they allow for specific data manipulation, enhancing the functionality and efficiency of your apps.<\/p>\n<p><a href=\"https:\/\/app.flutterflow.io\/create-account?referral_id=U4Ik7oWFkUSrUutTHDE2F8w7YLI2\" target=\"_blank\" rel=\"noopener\">If you don&#8217;t have a FlutterFlow account yet, it&#8217;s free to get sign up and start building.<\/a> You can even view the FlutterFlow marketplace which contains more useful FlutterFlow custom functions examples (and custom actions + widgets too!).<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999999;color:#999999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999999;color:#999999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#The_Significance_of_Custom_Functions_in_FlutterFlow\" title=\"The Significance of Custom Functions in FlutterFlow\">The Significance of Custom Functions in FlutterFlow<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#How_to_Craft_Custom_Functions_in_FlutterFlow\" title=\"How to Craft Custom Functions in FlutterFlow\">How to Craft Custom Functions in FlutterFlow<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#10_Incredibly_Useful_FlutterFlow_Custom_Function_Examples\" title=\"10 Incredibly Useful FlutterFlow Custom Function Examples\">10 Incredibly Useful FlutterFlow Custom Function Examples<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_1_%E2%80%98FormatDate\" title=\"Custom Function 1: &#8216;FormatDate&#8217;\">Custom Function 1: &#8216;FormatDate&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_2_%E2%80%98CalculateAge\" title=\"Custom Function 2: &#8216;CalculateAge&#8217;\">Custom Function 2: &#8216;CalculateAge&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_3_%E2%80%98StringToList\" title=\"Custom Function 3: &#8216;StringToList&#8217;\">Custom Function 3: &#8216;StringToList&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_4_%E2%80%98RemoveDuplicates\" title=\"Custom Function 4: &#8216;RemoveDuplicates&#8217;\">Custom Function 4: &#8216;RemoveDuplicates&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_4_%E2%80%98RemoveDuplicates-2\" title=\"Custom Function 4: &#8216;RemoveDuplicates&#8217;\">Custom Function 4: &#8216;RemoveDuplicates&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_5_%E2%80%98IsPrime\" title=\"Custom Function 5: &#8216;IsPrime&#8217;\">Custom Function 5: &#8216;IsPrime&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_6_%E2%80%98GeneratePassword\" title=\"Custom Function 6: &#8216;GeneratePassword&#8217;\">Custom Function 6: &#8216;GeneratePassword&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_7_%E2%80%98CapitalizeFirst\" title=\"Custom Function 7: &#8216;CapitalizeFirst&#8217;\">Custom Function 7: &#8216;CapitalizeFirst&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_8_%E2%80%98SortList\" title=\"Custom Function 8: &#8216;SortList&#8217;\">Custom Function 8: &#8216;SortList&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_9_%E2%80%98StringOccurrences\" title=\"Custom Function 9: &#8216;StringOccurrences&#8217;\">Custom Function 9: &#8216;StringOccurrences&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#Custom_Function_10_%E2%80%98CalculateDaysBetween\" title=\"Custom Function 10: &#8216;CalculateDaysBetween&#8217;\">Custom Function 10: &#8216;CalculateDaysBetween&#8217;<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.flawlessappdesign.com\/10-flutterflow-custom-functions-examples\/#10_Incredibly_Useful_FlutterFlow_Custom_Functions_Examples_Conclusion\" title=\"10 Incredibly Useful FlutterFlow Custom Functions Examples Conclusion\">10 Incredibly Useful FlutterFlow Custom Functions Examples Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"The_Significance_of_Custom_Functions_in_FlutterFlow\"><\/span>The Significance of Custom Functions in FlutterFlow<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Custom functions in FlutterFlow are more than just tools; they&#8217;re the game-changers bringing your application to life. These FlutterFlow Custom Functions Examples demonstrate how you can tailor operations within your app, manipulate data in ways that best suit your unique requirements, streamline your coding process, reduce redundancies, and enhance code readability. They also play a crucial role in creating applications that deliver a more personalized and efficient user experience. [Placeholder for image: Graphic showcasing benefits of custom functions]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Craft_Custom_Functions_in_FlutterFlow\"><\/span>How to Craft Custom Functions in FlutterFlow<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Creating a custom function in FlutterFlow is as straightforward as it gets, especially when you follow these FlutterFlow Custom Functions Examples. Start by navigating to the &#8216;Functions&#8217; tab in your FlutterFlow project. Click on the &#8216;+ New Function&#8217; button, then select &#8216;Custom Function&#8217;. You&#8217;ll be presented with a blank canvas, ready for your magic touch. Define your function&#8217;s parameters, write your function body, and voil\u00e0! You&#8217;ve just created a custom function. [Placeholder for image: Step-by-step screenshots of creating a custom function]<\/p>\n<p>In the upcoming sections, we&#8217;ll delve into 10 incredibly useful custom functions that you can create in FlutterFlow. These functions, handpicked from a myriad of FlutterFlow Custom Functions Examples, cover a wide range of data manipulations, from data encoding to list sorting. They will provide you with a solid foundation upon which you can build your own custom function library.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_Incredibly_Useful_FlutterFlow_Custom_Function_Examples\"><\/span>10 Incredibly Useful FlutterFlow Custom Function Examples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Now, we delve into the heart of our guide &#8211; a compilation of 10 incredibly useful FlutterFlow custom functions examples. These functions will provide you with a solid foundation for data manipulation in your apps.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_1_%E2%80%98FormatDate\"><\/span>Custom Function 1: &#8216;FormatDate&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;FormatDate&#8217; function allows you to display dates in your desired format. It&#8217;s an excellent tool for ensuring consistency across your application, especially when dealing with international date formats.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-222652-1\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-08-20.webm?_=1\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-08-20.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-08-20.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nString formatDateToString(<br \/>\nDateTime initialDate,<br \/>\nString dateFormat,<br \/>\n) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nreturn DateFormat(dateFormat).format(initialDate);<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<\/code><\/p>\n<p>This <code>formatDateToString<\/code> function takes two arguments:<\/p>\n<ol>\n<li><code>initialDate<\/code> : This is the DateTime object that you want to format.<\/li>\n<li><code>dateFormat<\/code> : This is a string that defines the format you want the date in.<\/li>\n<\/ol>\n<p>The function returns a formatted string representing the given <code>initialDate<\/code> according to the specified <code>dateFormat<\/code>.<\/p>\n<p>Here are some examples of how different <code>dateFormat<\/code> strings can format a DateTime object:<\/p>\n<p>Suppose we have the date <code>DateTime(2023, 5, 13, 9, 46)<\/code>, which corresponds to &#8216;May 13, 2023, 09:46 AM&#8217;.<\/p>\n<ol>\n<li><code>dateFormat = 'MMM d, y'<\/code>\n<ul>\n<li>Result: &#8216;May 13, 2023&#8217;<\/li>\n<li>This format includes the abbreviated month, day, and year.<\/li>\n<\/ul>\n<\/li>\n<li><code>dateFormat = 'EEE, MMMM d, y'<\/code>\n<ul>\n<li>Result: &#8216;Sat, May 13, 2023&#8217;<\/li>\n<li>This format includes the abbreviated day of the week, full month, day, and year.<\/li>\n<\/ul>\n<\/li>\n<li><code>dateFormat = 'y-MM-dd'<\/code>\n<ul>\n<li>Result: &#8216;2023-05-13&#8217;<\/li>\n<li>This format includes the year, month, and day, each separated by a hyphen.<\/li>\n<\/ul>\n<\/li>\n<li><code>dateFormat = 'H:mm'<\/code>\n<ul>\n<li>Result: &#8216;9:46&#8217;<\/li>\n<li>This format includes the hour and minute, each separated by a colon.<\/li>\n<\/ul>\n<\/li>\n<li><code>dateFormat = 'h:mm a'<\/code>\n<ul>\n<li>Result: &#8216;9:46 AM&#8217;<\/li>\n<li>This format includes the hour and minute, with AM\/PM.<\/li>\n<\/ul>\n<\/li>\n<li><code>dateFormat = 'yMd'<\/code>\n<ul>\n<li>Result: &#8216;5\/13\/2023&#8217;<\/li>\n<li>This format includes the month, day, and year, each separated by a slash.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>These are just a few examples. You can customize your own <code>dateFormat<\/code> string to meet your specific needs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_2_%E2%80%98CalculateAge\"><\/span>Custom Function 2: &#8216;CalculateAge&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;CalculateAge&#8217; function is useful when you need to calculate a person&#8217;s age from their birthdate. This can come in handy in various scenarios, such as checking user eligibility based on age, or for displaying age-specific content.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-2\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-14-56.webm?_=2\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-14-56.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-14-56.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nint calculateAge(DateTime birthDate) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nfinal currentDate = DateTime.now();<br \/>\nint age = currentDate.year - birthDate.year;<br \/>\nif (currentDate.month &lt; birthDate.month ||<br \/>\n(currentDate.month == birthDate.month &amp;&amp; currentDate.day &lt; birthDate.day)) {<br \/>\nage--;<br \/>\n}<br \/>\nreturn age;<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<br \/>\n<\/code><br \/>\nThis <code>calculateAge<\/code> function takes one argument:<\/p>\n<p>1. <code>birthDate<\/code> : This is the DateTime object of the person&#8217;s birthdate.<\/p>\n<p>The function returns an integer representing the person&#8217;s age in years.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose we have the birthdate <code>DateTime(1990, 5, 15)<\/code>, which corresponds to <code>May 15, 1990<\/code>.<\/p>\n<p><code><br \/>\nint age = calculateAge(DateTime(1990, 5, 15));<br \/>\n<\/code><\/p>\n<p>In this case, <code>age<\/code> will be an integer representing the age of a person born on <code>May 15, 1990<\/code>. If the current year is 2023, and the current date is before <code>May 15<\/code>, <code>age<\/code> will be 32. If the current date is <code>May 15<\/code> or after, <code>age<\/code> will be 33.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_3_%E2%80%98StringToList\"><\/span>Custom Function 3: &#8216;StringToList&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Our &#8216;StringToList&#8217; function converts comma-separated strings into a list. This function can be handy when dealing with user input or imported data.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-3\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-19-28.webm?_=3\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-19-28.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-19-28.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nList&lt;String&gt; stringToList(String str) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nreturn str.split(',');<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<\/code><\/p>\n<p>This stringToList function takes one argument: <code>str<\/code> : This is the string you want to convert into a list.<br \/>\nThe function returns a list of strings, each of which was separated by a comma in the original string.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you have a string <code>apple,banana,orange<\/code>.<br \/>\n<code>List&lt;String&gt; fruits = stringToList('apple,banana,orange');<\/code><br \/>\nIn this case, fruits will be a list of strings: [&#8216;apple&#8217;, &#8216;banana&#8217;, &#8216;orange&#8217;].<\/p>\n<p>You can then use this list in your FlutterFlow project for any purpose that requires a list of strings, such as populating a ListView or Dropdown component.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_4_%E2%80%98RemoveDuplicates\"><\/span>Custom Function 4: &#8216;RemoveDuplicates&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;RemoveDuplicates&#8217; function ensures that all elements in a list are unique by eliminating any duplicates. This function is particularly beneficial when dealing with large datasets.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_4_%E2%80%98RemoveDuplicates-2\"><\/span>Custom Function 4: &#8216;RemoveDuplicates&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;RemoveDuplicates&#8217; function is crucial when working with lists that might contain duplicate entries. This function enables you to clean up your lists and ensure each item is unique.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-4\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-26-24.webm?_=4\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-26-24.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-26-24.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nList removeDuplicates(List originalList) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nreturn originalList.toSet().toList();<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<br \/>\n<\/code><\/p>\n<p>This <code>removeDuplicates<\/code> function takes one argument:<\/p>\n<p>1. <code>originalList<\/code> : This is the list from which you want to remove duplicate items.<\/p>\n<p>The function returns a new list that contains only unique items from the original list.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you have a list <code>['apple', 'banana', 'apple', 'orange', 'banana']<\/code>.<\/p>\n<p><span style=\"background-color: #e9ebec; color: #222222; font-family: 'Courier New', monospace;\">List uniqueFruits = removeDuplicates([&#8216;apple&#8217;, &#8216;banana&#8217;, &#8216;apple&#8217;, &#8216;orange&#8217;, &#8216;banana&#8217;]);<\/span><\/p>\n<p>In this case, <code>uniqueFruits<\/code> will be a list of strings: <code>['apple', 'banana', 'orange']<\/code>. The function has removed the duplicate &#8216;apple&#8217; and &#8216;banana&#8217; entries from the original list. This can be extremely handy when you need to ensure the uniqueness of items in a list.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_5_%E2%80%98IsPrime\"><\/span>Custom Function 5: &#8216;IsPrime&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;IsPrime&#8217; function is used to check if a number is prime. This can be useful in many mathematical and logical computations.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-5\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-39-29.webm?_=5\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-39-29.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-39-29.webm<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nbool isPrime(int n) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nif (n &lt;= 1) {<br \/>\nreturn false;<br \/>\n}<br \/>\nfor (int i = 2; i &lt;= math.sqrt(n); i++) {<br \/>\nif (n % i == 0) {<br \/>\nreturn false;<br \/>\n}<br \/>\n}<br \/>\nreturn true;<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<br \/>\n<\/code><\/p>\n<p>This <code>isPrime<\/code> function takes one argument:<\/p>\n<p>1. <code>n<\/code> : This is the integer you want to check.<\/p>\n<p>The function returns a boolean indicating whether the given number is a prime number.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you want to check if the number <code>17<\/code> is prime.<\/p>\n<p><code>bool result = isPrime(17);<br \/>\n<\/code><\/p>\n<p>In this case, <code>result<\/code> will be <code>true<\/code> because 17 is a prime number. If you checked for the number <code>15<\/code>, <code>result<\/code> would be <code>false<\/code>, as 15 is not a prime number. This function can be very useful when working on math-based logic in your FlutterFlow project.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_6_%E2%80%98GeneratePassword\"><\/span>Custom Function 6: &#8216;GeneratePassword&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;GeneratePassword&#8217; function is an essential function when building an application that requires user authentication. It generates a random, secure password for users.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-6\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-45-30.webm?_=6\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-45-30.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-45-30.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nString generatePassword(int length) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nconst _allowedChars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#%^&amp;*';<br \/>\nfinal _random = math.Random();<br \/>\nreturn List.generate(length, (index) =&gt; _allowedChars[_random.nextInt(_allowedChars.length)]).join();<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<br \/>\n<\/code><\/p>\n<p>This <code>generatePassword<\/code> function takes one argument:<\/p>\n<p>1. <code>length<\/code> : This is the length of the password you want to generate.<\/p>\n<p>The function returns a randomly generated password of the specified length.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you want to generate a password of length <code>8<\/code>.<\/p>\n<p><code>String password = generatePassword(8);<\/code><\/p>\n<p>The <code>password<\/code> variable will now hold a randomly generated password of 8 characters. This function can be very useful when generating initial passwords for users or for creating temporary passwords that users can change later. Remember, it&#8217;s always important to consider security when dealing with user passwords.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_7_%E2%80%98CapitalizeFirst\"><\/span>Custom Function 7: &#8216;CapitalizeFirst&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;CapitalizeFirst&#8217; function is a useful tool for text manipulation. It capitalizes the first letter of every word in a string, which can be crucial for proper name formatting or starting sentences.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-7\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-53-27.webm?_=7\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-53-27.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-53-27.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nString capitalizeFirst(String text) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nreturn text.split(' ').map((word) =&gt; word[0].toUpperCase() + word.substring(1)).join(' ');<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<\/code><\/p>\n<p>This <code>capitalizeFirst<\/code> function takes one argument:<\/p>\n<p>1. <code>text<\/code> : This is the string in which you want to capitalize the first letter of each word.<\/p>\n<p>The function returns a new string with the first letter of each word capitalized.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you have a string <code>hello world<\/code>.<\/p>\n<p><code>String capitalizedText = capitalizeFirst(\"hello world\");<\/code><\/p>\n<p>The <code>capitalizedText<\/code> variable will now hold the string &#8216;Hello World&#8217;. This function can be very handy when dealing with user input that needs to be displayed in a consistent format.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_8_%E2%80%98SortList\"><\/span>Custom Function 8: &#8216;SortList&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;SortList&#8217; function is an indispensable tool for data manipulation. It allows you to sort a list of integers in either ascending or descending order, making data analysis and presentation more manageable.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-8\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-59-50.webm?_=8\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-59-50.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-11-59-50.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nList sortList(List initialList, bool ascending) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nList sortedList = List.from(initialList);<br \/>\nsortedList.sort();<br \/>\nif (!ascending) {<br \/>\nsortedList = sortedList.reversed.toList();<br \/>\n}<br \/>\nreturn sortedList;<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<br \/>\n<\/code><\/p>\n<p>This <code>sortList<\/code> function takes two arguments:<\/p>\n<p>1. <code>initialList<\/code> : This is the List you want to sort.<br \/>\n2. <code>ascending<\/code> : This is a boolean value that determines the sort order. If true, the function sorts the list in ascending order. If false, it sorts the list in descending order.<\/p>\n<p>The function returns a new list that contains the sorted elements of the initial list.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you have a List <code>numbers<\/code> which contains the values <code>[5, 3, 8, 1, 4]<\/code>.<\/p>\n<p><code>List sortedNumbers = sortList(numbers, true);<\/code><\/p>\n<p>In this case, <code>sortedNumbers<\/code> is a new List which contains the values <code>[1, 3, 4, 5, 8]<\/code>. If you want the list in descending order, you can set the <code>ascending<\/code> argument to false. This function can be very handy when organizing data for presentation or analysis.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_9_%E2%80%98StringOccurrences\"><\/span>Custom Function 9: &#8216;StringOccurrences&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;StringOccurrences&#8217; function is a versatile tool for text analysis. It counts the number of occurrences of a substring in a string. This can be useful in many scenarios such as searching for specific words or patterns in a text.<\/p>\n<div style=\"width: 1080px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-222652-9\" width=\"1080\" height=\"608\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-12-09-17.webm?_=9\" \/><a href=\"https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-12-09-17.webm\">https:\/\/www.flawlessappdesign.com\/wp-content\/uploads\/2023\/05\/screenrun-05-13-2023-12-09-17.webm<\/a><\/video><\/div>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nint stringOccurrences(String mainString, String subString) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nreturn mainString.split(subString).length - 1;<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<\/code><\/p>\n<p>This <code>stringOccurrences<\/code> function takes two arguments:<\/p>\n<p>1. <code>mainString<\/code> : This is the string in which you want to search for occurrences of a substring.<br \/>\n2. <code>subString<\/code> : This is the substring for which you want to count occurrences.<\/p>\n<p>The function returns an integer representing the number of times the <code>subString<\/code> appears in the <code>mainString<\/code>.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you have a string <code>mainText<\/code> which contains the text &#8216;The quick brown fox jumps over the lazy dog&#8217;.<\/p>\n<p><code>int occurrenceCount = stringOccurrences(mainText, 'the');<\/code><\/p>\n<p>The <code>occurrenceCount<\/code> variable will now hold the value &#8216;2&#8217;, which is the number of times the substring &#8216;the&#8217; appears in the <code>mainText<\/code>. Note that the function is case-sensitive. So, &#8216;the&#8217; and &#8216;The&#8217; are considered different substrings. This function can be very handy when performing text analysis or pattern searching in a string.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Custom_Function_10_%E2%80%98CalculateDaysBetween\"><\/span>Custom Function 10: &#8216;CalculateDaysBetween&#8217;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &#8216;CalculateDaysBetween&#8217; function is a powerful tool for date calculations. It calculates the number of days between two given dates. This function can be used in scenarios such as calculating age, tracking project timelines, or measuring durations. [Placeholder for image: Code snippet of &#8216;CalculateDaysBetween&#8217; function]<\/p>\n<p><code>import 'dart:convert';<br \/>\nimport 'dart:math' as math;<br \/>\nimport 'package:flutter\/material.dart';<br \/>\nimport 'package:google_fonts\/google_fonts.dart';<br \/>\nimport 'package:intl\/intl.dart';<br \/>\nimport 'package:timeago\/timeago.dart' as timeago;<br \/>\nimport '..\/..\/flutter_flow\/lat_lng.dart';<br \/>\nimport '..\/..\/flutter_flow\/place.dart';<br \/>\nimport '..\/..\/flutter_flow\/custom_functions.dart';<br \/>\nint calculateDaysBetween(DateTime startDate, DateTime endDate) {<br \/>\n\/\/\/ MODIFY CODE ONLY BELOW THIS LINE<br \/>\nreturn endDate.difference(startDate).inDays;<br \/>\n\/\/\/ MODIFY CODE ONLY ABOVE THIS LINE<br \/>\n}<\/code><\/p>\n<p>This <code>calculateDaysBetween<\/code> function takes two arguments:<\/p>\n<p>1. <code>startDate<\/code> : This is the starting DateTime object.<br \/>\n2. <code>endDate<\/code> : This is the ending DateTime object.<\/p>\n<p>The function returns an integer representing the number of days between the <code>startDate<\/code> and the <code>endDate<\/code>.<\/p>\n<p>Here&#8217;s an example of how to use the function:<\/p>\n<p>Suppose you have two DateTime objects <code>start<\/code> and <code>end<\/code> which correspond to &#8216;January 1, 2023&#8217; and &#8216;May 13, 2023&#8217; respectively.<\/p>\n<p><code>int daysBetween = calculateDaysBetween(start, end);<\/code><\/p>\n<p>The <code>daysBetween<\/code> variable will now hold the value &#8216;132&#8217;, which is the number of days between January 1, 2023, and May 13, 2023. This function can be very handy when performing date calculations or tracking time durations in your FlutterFlow applications.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_Incredibly_Useful_FlutterFlow_Custom_Functions_Examples_Conclusion\"><\/span>10 Incredibly Useful FlutterFlow Custom Functions Examples Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Custom functions are an invaluable tool in FlutterFlow, offering the power to manipulate data and enhance the functionality of your applications. We&#8217;ve explored 10 incredibly useful custom functions in this post, each offering a unique way to enrich your application&#8217;s capabilities and make your coding journey easier and more efficient.<\/p>\n<p>However, this is just scratching the surface of what&#8217;s possible. The beauty of FlutterFlow and Dart lies in their flexibility and extensive capabilities. With custom functions, your only limit is your imagination.<\/p>\n<p>Remember, if you&#8217;re looking to create more complex functions or need custom-built functionalities within your apps, don&#8217;t hesitate to <a href=\"https:\/\/www.flawlessappdesign.com\/get-started\/\">reach out to us here at Flawless App Design<\/a>. Our team of experts is always ready to help you take your FlutterFlow projects to the next level.<\/p>\n<p>In the realm of FlutterFlow Custom Functions Examples, the sky is the limit. So, don&#8217;t hold back &#8211; start experimenting today!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to this comprehensive guide on crafting and employing custom functions in FlutterFlow! If you&#8217;re a mobile app developer or someone venturing into the realm of mobile app development, you&#8217;ve likely stumbled upon FlutterFlow. This groundbreaking tool simplifies the creation of robust applications and one of its standout features is its support for custom functions. These FlutterFlow Custom Functions Examples will illustrate how they allow for specific data manipulation, enhancing the functionality and efficiency of your apps.<\/p>\n","protected":false},"author":1,"featured_media":222665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_analytify_skip_tracking":false,"footnotes":""},"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/posts\/222652"}],"collection":[{"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/comments?post=222652"}],"version-history":[{"count":3,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/posts\/222652\/revisions"}],"predecessor-version":[{"id":222666,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/posts\/222652\/revisions\/222666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/media\/222665"}],"wp:attachment":[{"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/media?parent=222652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/categories?post=222652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flawlessappdesign.com\/wp-json\/wp\/v2\/tags?post=222652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}