FlutterFlow is a powerful platform that allows you to build beautiful and responsive web and mobile applications without any coding skills. There are times when you may like to extend the functionality of your application beyond what’s available in the visual editor. That’s where custom functions arrive in.<\/p>\n
Custom functions in FlutterFlow allow you to write your own code to perform specific tasks or computations. They can be initiated by user events, such as button clicks or form submissions, or they can run automatically on page load.<\/p>\n
Here are some examples of how you can use custom functions in FlutterFlow:<\/em><\/p>\n Let’s say you have a shopping cart page where users can add items to their cart and view the total price. To calculate the total price, you can create a custom function that iterates through each item in the cart and adds up the individual prices.<\/p>\n Here’s the code for the custom function: When a user submits a form, you may want to validate the input to ensure it meets certain criteria. For example, you may want to make sure that a password is at least 8 characters long and contains at least one uppercase letter.<\/p>\n To do this, you can create a custom function that takes the form of data as an argument and checks each field for the desired criteria. If any field fails validation, you can return an error message to the user.<\/p>\n Here’s an example of how you can validate a password field:<\/em> You can then call this function whenever the user submits the form to check if the password field meets the validation criteria.<\/p>\n<\/li>\n If your application needs to fetch data from an external API, you can create a custom function to handle the API request and parse the response.<\/p>\n Here's an example of how you can fetch data from the GitHub API:<\/em> This function takes in a GitHub username as an argument and returns a list of repositories owned by that user. You can then use this function to display the user's repositories on a page.<\/p>\n<\/li>\n<\/ol>\n\n
Calculating the total price of items in a shopping cart<\/h2>\n
\ndouble calculateTotal(List<CartItem> cartItems) {
\n double total = 0.0;
\n for (var item in cartItems) {
\n total += item.price * item.quantity;
\n }
\n return total;
\n}<\/code>
\nYou can then call this function whenever the user adds or removes an item from their cart to update the total price.<\/p>\n<\/li>\nValidating a form submission<\/h3>\n
\nString validatePassword(String password) {
\n if (password.length < 8) {\n return \"Password must be at least 8 characters long\";\n }\n if (!password.contains(RegExp(r'[A-Z]'))) {\n return \"Password must contain at least one uppercase letter\";\n }\n return null;\n}<\/code><\/p>\nFetching data from an API<\/h3>\n
\nFuture<List<Repository>> fetchRepositories(String username) async {
\n final response = await http.get(Uri.parse('https:\/\/api.github.com\/users\/$username\/repos'));
\n if (response.statusCode == 200) {
\n final List<dynamic> data = json.decode(response.body);
\n return data.map((json) => Repository.fromJson(json)).toList();
\n } else {
\n throw Exception('Failed to fetch repositories');
\n }
\n}<\/code><\/p>\n