add responsive row example tests and images

Author: OwenMcDonnell

sdk/python/examples/controls/responsive_row/basic.py

@@ -5,6 +5,7 @@ def main(page: ft.Page):
     def handle_page_resize(e: ft.PageResizeEvent):
         pw.value = f"{page.width} px"
         pw.update()
+        page.update()
 
     page.on_resize = handle_page_resize
 
@@ -75,7 +76,7 @@ def handle_page_resize(e: ft.PageResizeEvent):
         ),
         pw,
     )
-    handle_page_resize(None)
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/responsive_row/custom_breakpoint.py

@@ -99,4 +99,5 @@ def update_status(_=None):
     update_status()
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/packages/flet/docs/controls/responsiverow.md

@@ -1,10 +1,10 @@
 ---
 class_name: flet.ResponsiveRow
 examples: ../../examples/controls/responsive_row
-example_images: ../examples/controls/responsive_row/media
+example_images: ../test-images/examples/core/golden/macos/responsive_row/
 ---
 
-{{ class_summary(class_name) }}
+{{ class_summary(class_name, example_images + "/image_for_docs.png", image_caption="Responsive row") }}
 
 ## Examples
 
@@ -16,7 +16,7 @@ example_images: ../examples/controls/responsive_row/media
 --8<-- "{{ examples }}/basic.py"
 ```
 
-{{ image(example_images + "/basic.gif", alt="basic", width="80%") }}
+{{ image(example_images + "/responsive_row_basic.gif", alt="basic", width="80%") }}
 
 
 ### Custom breakpoints
@@ -25,5 +25,6 @@ example_images: ../examples/controls/responsive_row/media
 --8<-- "{{ examples }}/custom_breakpoint.py"
 ```
 
+{{ image(example_images + "/responsive_row_custom_breakpoint.gif", alt="basic", width="80%") }}
 
 {{ class_members(class_name) }}

sdk/python/packages/flet/src/flet/controls/core/responsive_row.py

@@ -26,6 +26,24 @@ class ResponsiveRow(LayoutControl, AdaptiveControl):
 
     Similar to `expand` property, every control has [`col`][flet.Control.]
     property which allows specifying how many columns a control should span.
+
+    ```python
+    ft.ResponsiveRow(
+        controls=[
+            ft.Button(
+                f"Button {i}",
+                color=ft.Colors.BLUE_GREY_300,
+                col={
+                    ft.ResponsiveRowBreakpoint.XS: 12,
+                    ft.ResponsiveRowBreakpoint.MD: 6,
+                    ft.ResponsiveRowBreakpoint.LG: 3,
+                },
+            )
+            for i in range(1, 6)
+        ], 
+    )
+    ```
+    
     """
 
     controls: list[Control] = field(default_factory=list)

sdk/python/packages/flet/src/flet/testing/flet_test_app.py

@@ -425,6 +425,7 @@ def create_gif(
         *,
         duration: int = 1000,
         loop: int = 0,
+        disposal: int = 0
     ) -> Path:
         """Create an animated GIF from a sequence of image files.
 
@@ -489,6 +490,7 @@ def create_gif(
                 duration=duration,
                 loop=loop,
                 optimize=True,
+                disposal=2
             )
         finally:
             for frame in frames: