Merge pull request #322 from FlutterFlow/feature/loop-over-list

Added Loop Over List Info

Author: pinkeshmars

docs/resources/control-flow/functions/img/access-item-inside-loop.avif

@@ -7,14 +7,46 @@ sidebar_position: 5
 keywords: [Loops, Backend Query, Backend Logic, Control Flow, FlutterFlow]
 ---
 
-Sometimes, you might want to trigger certain actions multiple times. For example, an app might fetch data from a server, and you want to handle network errors by retrying the request up to a certain number of times.
+# Loops
 
-:::info
-Every loop requires a condition, and the actions within the loop will continue to trigger as 
-long as the condition holds true. When the condition becomes false, the loop terminates, and the next actions in the workflow will trigger.
-:::
+**Loops** in FlutterFlow allow you to perform repetitive tasks without writing complex code. This is useful when working with lists of data or when you want to repeat actions a certain number of times.
+
+There are two types of loops supported in FlutterFlow:
+
+## While Condition Loops
+
+A **While Condition** loop requires a condition. The actions within the loop will continue to trigger as long as the condition holds true. When the condition becomes false, the loop terminates, and the next actions in the workflow will trigger. 
+
+For example, you can use a While Condition loop to continuously check if a user is still within a geofenced area. As long as the condition `isUserInLocation == true` holds, the app might keep checking for updates or show a live indicator.
 
 ![loop-block.png](img/loop-block.png)
+
+## Over List
+
+This loop type lets you iterate over a list of items to perform actions for each item in the list.
+
+For example, if you have a list of items in a shopping cart and want to calculate the total price or apply a discount to each item, you can use Over List to go through each product and perform a calculation for each one.
+
+You can also customize how the loop iterates:
+
+- **Start Index**: Where the loop starts (default is `0`).
+- **End Index**: Where the loop ends (default is the length of the list).
+- **Step Size**: Interval between each iteration (e.g., set to `2` to loop through every second item).
+- **Reverse Order**: Enables the loop to iterate from the end of the list to the beginning (e.g., showing the latest messages first).
+
+![loop-over-list.avif](img/loop-over-list.avif)
+
+Inside a loop, you can access the current item and its index. This gives you the ability to work with each item individually, such as displaying item-specific data and making calculations.
+
+![access-item-inside-loop.avif](img/access-item-inside-loop.avif)
+
+:::tip[Nested Loops]
+
+You can also add a loop inside another loop to handle related data structures. For example, looping through orders and then looping through each order’s line items.
+
+:::
+
+
 ## Loop Breaks 
 
 :::danger[AVOID an INFINITE LOOP]