parlough 2 years ago
parent 17d1eb7a25
commit 2dc44870c4

@ -1,40 +1,14 @@
.dart_tool/package_config.json
.packages
add_a_drawer_to_a_screen.html
add_material_touch_ripples.html
add_to_app.html
an_introduction_to_integration_testing.html
an_introduction_to_unit_testing.html
an_introduction_to_widget_testing.html
animate_a_page_route_transition.html
animate_a_widget_across_screens.html
animate_a_widget_using_a_physics_simulation.html
animate_the_properties_of_a_container.html
animations.html
build_a_form_with_validation.html
code_sharing.html
create_a_grid_list.html
create_a_horizontal_list.html
create_and_style_a_text_field.html
create_lists_with_different_types_of_items.html
delete_data_on_the_internet.html
description.dart.js
dice.html
display_a_snackbar.html
display_images_from_the_internet.html
export_fonts_from_a_package.html
fade_a_widget_in_and_out.html
fade_in_images_with_a_placeholder.html
fetch_data_from_the_internet.html
find_widgets.html
flutter_maps_firestore.html
focus_and_text_fields.html
form_app.html
gallery.html
game_template.html
handle_changes_to_a_text_field.html
handle_scrolling.html
handle_taps.html
i_o_s_app_clip.html
images/add_to_app1.png
images/add_to_app1_thumb.png
@ -49,218 +23,6 @@ images/animations3_thumb.png
images/charts1.png
images/charts1_thumb.png
images/code_sharing.jpg
images/cookbook/animated-container.png
images/cookbook/animated-container_thumb.png
images/cookbook/animation-animated-container.png
images/cookbook/animation-animated-container_thumb.png
images/cookbook/animation-opacity-animation.png
images/cookbook/animation-opacity-animation_thumb.png
images/cookbook/animation-page-route-animation.png
images/cookbook/animation-page-route-animation_thumb.png
images/cookbook/animation-physics-simulation.png
images/cookbook/animation-physics-simulation_thumb.png
images/cookbook/authenticated-requests.png
images/cookbook/authenticated-requests_thumb.png
images/cookbook/background-parsing.png
images/cookbook/background-parsing_thumb.png
images/cookbook/basic-list.png
images/cookbook/basic-list_thumb.png
images/cookbook/cached-images.png
images/cookbook/cached-images_thumb.png
images/cookbook/design-drawer.png
images/cookbook/design-drawer_thumb.png
images/cookbook/design-fonts.png
images/cookbook/design-fonts_thumb.png
images/cookbook/design-orientation.png
images/cookbook/design-orientation_thumb.png
images/cookbook/design-package-fonts.png
images/cookbook/design-package-fonts_thumb.png
images/cookbook/design-snackbars.png
images/cookbook/design-snackbars_thumb.png
images/cookbook/design-tabs.png
images/cookbook/design-tabs_thumb.png
images/cookbook/design-themes.png
images/cookbook/design-themes_thumb.png
images/cookbook/dismissible.png
images/cookbook/dismissible_thumb.png
images/cookbook/drawer.png
images/cookbook/drawer_thumb.png
images/cookbook/error-reporting.png
images/cookbook/error-reporting_thumb.png
images/cookbook/fading-in-images.png
images/cookbook/fading-in-images_thumb.png
images/cookbook/fetch-data.png
images/cookbook/fetch-data_thumb.png
images/cookbook/finders.png
images/cookbook/finders_thumb.png
images/cookbook/floating-app-bar.png
images/cookbook/floating-app-bar_thumb.png
images/cookbook/focus.png
images/cookbook/focus_thumb.png
images/cookbook/fonts.png
images/cookbook/fonts_thumb.png
images/cookbook/forms-focus.png
images/cookbook/forms-focus_thumb.png
images/cookbook/forms-retrieve-input.png
images/cookbook/forms-retrieve-input_thumb.png
images/cookbook/forms-text-field-changes.png
images/cookbook/forms-text-field-changes_thumb.png
images/cookbook/forms-text-input.png
images/cookbook/forms-text-input_thumb.png
images/cookbook/forms-validation.png
images/cookbook/forms-validation_thumb.png
images/cookbook/gestures-dismissible.png
images/cookbook/gestures-dismissible_thumb.png
images/cookbook/gestures-handling-taps.png
images/cookbook/gestures-handling-taps_thumb.png
images/cookbook/gestures-ripples.png
images/cookbook/gestures-ripples_thumb.png
images/cookbook/grid-lists.png
images/cookbook/grid-lists_thumb.png
images/cookbook/handling-taps.png
images/cookbook/handling-taps_thumb.png
images/cookbook/hero-animations.png
images/cookbook/hero-animations_thumb.png
images/cookbook/horizontal-list.png
images/cookbook/horizontal-list_thumb.png
images/cookbook/images-cached-images.png
images/cookbook/images-cached-images_thumb.png
images/cookbook/images-fading-in-images.png
images/cookbook/images-fading-in-images_thumb.png
images/cookbook/images-network-image.png
images/cookbook/images-network-image_thumb.png
images/cookbook/integration-introduction.png
images/cookbook/integration-introduction_thumb.png
images/cookbook/integration-profiling.png
images/cookbook/integration-profiling_thumb.png
images/cookbook/integration-scrolling.png
images/cookbook/integration-scrolling_thumb.png
images/cookbook/introduction.png
images/cookbook/introduction_thumb.png
images/cookbook/key-value.png
images/cookbook/key-value_thumb.png
images/cookbook/lists-basic-list.png
images/cookbook/lists-basic-list_thumb.png
images/cookbook/lists-floating-app-bar.png
images/cookbook/lists-floating-app-bar_thumb.png
images/cookbook/lists-grid-lists.png
images/cookbook/lists-grid-lists_thumb.png
images/cookbook/lists-horizontal-list.png
images/cookbook/lists-horizontal-list_thumb.png
images/cookbook/lists-long-lists.png
images/cookbook/lists-long-lists_thumb.png
images/cookbook/lists-mixed-list.png
images/cookbook/lists-mixed-list_thumb.png
images/cookbook/long-lists.png
images/cookbook/long-lists_thumb.png
images/cookbook/maintenance-error-reporting.png
images/cookbook/maintenance-error-reporting_thumb.png
images/cookbook/mixed-list.png
images/cookbook/mixed-list_thumb.png
images/cookbook/mocking.png
images/cookbook/mocking_thumb.png
images/cookbook/named-routes.png
images/cookbook/named-routes_thumb.png
images/cookbook/navigate-with-arguments.png
images/cookbook/navigate-with-arguments_thumb.png
images/cookbook/navigation-basics.png
images/cookbook/navigation-basics_thumb.png
images/cookbook/navigation-hero-animations.png
images/cookbook/navigation-hero-animations_thumb.png
images/cookbook/navigation-named-routes.png
images/cookbook/navigation-named-routes_thumb.png
images/cookbook/navigation-navigate-with-arguments.png
images/cookbook/navigation-navigate-with-arguments_thumb.png
images/cookbook/navigation-navigation-basics.png
images/cookbook/navigation-navigation-basics_thumb.png
images/cookbook/navigation-passing-data.png
images/cookbook/navigation-passing-data_thumb.png
images/cookbook/navigation-returning-data.png
images/cookbook/navigation-returning-data_thumb.png
images/cookbook/network-image.png
images/cookbook/network-image_thumb.png
images/cookbook/networking-authenticated-requests.png
images/cookbook/networking-authenticated-requests_thumb.png
images/cookbook/networking-background-parsing.png
images/cookbook/networking-background-parsing_thumb.png
images/cookbook/networking-delete-data.png
images/cookbook/networking-delete-data_thumb.png
images/cookbook/networking-fetch-data.png
images/cookbook/networking-fetch-data_thumb.png
images/cookbook/networking-send-data.png
images/cookbook/networking-send-data_thumb.png
images/cookbook/networking-update-data.png
images/cookbook/networking-update-data_thumb.png
images/cookbook/networking-web-sockets.png
images/cookbook/networking-web-sockets_thumb.png
images/cookbook/opacity-animation.png
images/cookbook/opacity-animation_thumb.png
images/cookbook/orientation.png
images/cookbook/orientation_thumb.png
images/cookbook/package-fonts.png
images/cookbook/package-fonts_thumb.png
images/cookbook/page-route-animation.png
images/cookbook/page-route-animation_thumb.png
images/cookbook/passing-data.png
images/cookbook/passing-data_thumb.png
images/cookbook/persistence-key-value.png
images/cookbook/persistence-key-value_thumb.png
images/cookbook/persistence-reading-writing-files.png
images/cookbook/persistence-reading-writing-files_thumb.png
images/cookbook/persistence-sqlite.png
images/cookbook/persistence-sqlite_thumb.png
images/cookbook/physics-simulation.png
images/cookbook/physics-simulation_thumb.png
images/cookbook/picture-using-camera.png
images/cookbook/picture-using-camera_thumb.png
images/cookbook/play-video.png
images/cookbook/play-video_thumb.png
images/cookbook/plugins-picture-using-camera.png
images/cookbook/plugins-picture-using-camera_thumb.png
images/cookbook/plugins-play-video.png
images/cookbook/plugins-play-video_thumb.png
images/cookbook/profiling.png
images/cookbook/profiling_thumb.png
images/cookbook/reading-writing-files.png
images/cookbook/reading-writing-files_thumb.png
images/cookbook/retrieve-input.png
images/cookbook/retrieve-input_thumb.png
images/cookbook/returning-data.png
images/cookbook/returning-data_thumb.png
images/cookbook/ripples.png
images/cookbook/ripples_thumb.png
images/cookbook/scrolling.png
images/cookbook/scrolling_thumb.png
images/cookbook/send-data.png
images/cookbook/send-data_thumb.png
images/cookbook/snackbars.png
images/cookbook/snackbars_thumb.png
images/cookbook/sqlite.png
images/cookbook/sqlite_thumb.png
images/cookbook/tabs.png
images/cookbook/tabs_thumb.png
images/cookbook/tap-drag.png
images/cookbook/tap-drag_thumb.png
images/cookbook/text-field-changes.png
images/cookbook/text-field-changes_thumb.png
images/cookbook/text-input.png
images/cookbook/text-input_thumb.png
images/cookbook/themes.png
images/cookbook/themes_thumb.png
images/cookbook/unit-introduction.png
images/cookbook/unit-introduction_thumb.png
images/cookbook/unit-mocking.png
images/cookbook/unit-mocking_thumb.png
images/cookbook/validation.png
images/cookbook/validation_thumb.png
images/cookbook/web-sockets.png
images/cookbook/web-sockets_thumb.png
images/cookbook/widget-finders.png
images/cookbook/widget-finders_thumb.png
images/cookbook/widget-introduction.png
images/cookbook/widget-introduction_thumb.png
images/cookbook/widget-tap-drag.png
images/cookbook/widget-tap-drag_thumb.png
images/desktop_photo_search-fluent_ui.png
images/desktop_photo_search-fluent_ui_thumb.png
images/desktop_photo_search-material.png
@ -379,16 +141,11 @@ images/web_embedding1.png
images/web_embedding1_thumb.png
images/web_embedding2.png
images/web_embedding2_thumb.png
implement_swipe_to_dismiss.html
index.html
infinite_list.html
isolate_example.html
main.dart.js
make_authenticated_requests.html
material_3.html
mock_dependencies_using_mockito.html
navigate_to_a_new_screen_and_back.html
navigate_with_named_routes.html
navigation_and_routing.html
packages/$sdk/dev_compiler/amd/require.js
packages/$sdk/dev_compiler/web/dart_stack_trace_mapper.js
@ -412,21 +169,16 @@ packages/cli_pkg/src/templates/standalone/executable.sh.mustache
packages/cli_util/cli_logging.dart.transitive_digest
packages/collection/collection.dart.transitive_digest
packages/crypto/crypto.dart.transitive_digest
packages/csslib/parser.dart.transitive_digest
packages/csslib/visitor.dart.transitive_digest
packages/file/file.dart.transitive_digest
packages/file/memory.dart.transitive_digest
packages/flutter_lints/flutter.yaml
packages/glob/glob.dart.transitive_digest
packages/grinder/grinder.dart.transitive_digest
packages/html/parser.dart.transitive_digest
packages/image/image.dart.transitive_digest
packages/js/js.dart.transitive_digest
packages/json_annotation/json_annotation.dart.transitive_digest
packages/lints/core.yaml
packages/lints/recommended.yaml
packages/matcher/expect.dart.transitive_digest
packages/matcher/matcher.dart.transitive_digest
packages/matcher/src/expect/expect.dart.transitive_digest
packages/matcher/src/expect/expect_async.dart.transitive_digest
packages/matcher/src/expect/throws_matcher.dart.transitive_digest
@ -594,7 +346,6 @@ packages/pointycastle/digests/sha1.dart.transitive_digest
packages/pointycastle/export.dart.transitive_digest
packages/pointycastle/macs/hmac.dart.transitive_digest
packages/pool/pool.dart.transitive_digest
packages/samples_index/src/cookbook.json
packages/samples_index/src/samples.yaml
packages/source_span/source_span.dart.transitive_digest
packages/stack_trace/stack_trace.dart.transitive_digest
@ -630,41 +381,16 @@ packages/test_api/src/backend/suite_platform.dart.transitive_digest
packages/test_api/src/backend/test.dart.transitive_digest
packages/test_core/test_core.dart.transitive_digest
packages/typed_data/typed_data.dart.transitive_digest
packages/webdriver/async_io.dart.transitive_digest
packages/xml/xml.dart.transitive_digest
packages/yaml/yaml.dart.transitive_digest
parse_j_s_o_n_in_the_background.html
pass_arguments_to_a_named_route.html
performance_profiling.html
persist_data_with_s_q_lite.html
photo_search_app.html
place_a_floating_app_bar_above_a_list.html
place_tracker.html
platform_design.html
platform_view_swift.html
play_and_pause_a_video.html
provider_shopper.html
read_and_write_files.html
report_errors_to_a_service.html
retrieve_the_value_of_a_text_field.html
return_data_from_a_screen.html
rich_text_editor.html
send_data_to_a_new_screen.html
send_data_to_the_internet.html
slide_puzzle.html
store_key-value_data_on_disk.html
styles.css
take_a_picture_using_the_camera.html
tap_drag_and_enter_text.html
testing_app.html
update_data_over_the_internet.html
update_the_u_i_based_on_orientation.html
use_a_custom_font.html
use_lists.html
use_themes_to_share_colors_and_font_styles.html
web_dashboard.html
web_embedding.html
work_with_cached_images.html
work_with_long_lists.html
work_with_tabs.html
work_with_web_sockets.html
web_embedding.html

File diff suppressed because one or more lines are too long

@ -25,17 +25,14 @@ collection:packages/collection/
convert:packages/convert/
coverage:packages/coverage/
crypto:packages/crypto/
csslib:packages/csslib/
dart_style:packages/dart_style/
ffi:packages/ffi/
file:packages/file/
fixnum:packages/fixnum/
flutter_lints:packages/flutter_lints/
frontend_server_client:packages/frontend_server_client/
glob:packages/glob/
graphs:packages/graphs/
grinder:packages/grinder/
html:packages/html/
http:packages/http/
http_multi_server:packages/http_multi_server/
http_parser:packages/http_parser/
@ -79,7 +76,6 @@ stack_trace:packages/stack_trace/
stream_channel:packages/stream_channel/
stream_transform:packages/stream_transform/
string_scanner:packages/string_scanner/
sync_http:packages/sync_http/
term_glyph:packages/term_glyph/
test:packages/test/
test_api:packages/test_api/
@ -91,7 +87,6 @@ vm_service:packages/vm_service/
watcher:packages/watcher/
web:packages/web/
web_socket_channel:packages/web_socket_channel/
webdriver:packages/webdriver/
webkit_inspection_protocol:packages/webkit_inspection_protocol/
xml:packages/xml/
yaml:packages/yaml/

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Add a Drawer to a screen</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/design/drawer.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Adesign">design</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/design-drawer.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>In apps that use Material Design,
there are two primary options for navigation: tabs and drawers.
When there is insufficient space to support tabs,
drawers provide a handy alternative.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,72 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Add Material touch ripples</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/gestures/ripples.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Agestures">gestures</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/gestures-ripples.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Widgets that follow the Material Design guidelines display
a ripple animation when tapped.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,75 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>An introduction to integration testing</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/testing/integration/introduction.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aintegration">integration</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/integration-introduction.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Unit tests and widget tests are handy for testing individual classes,
functions, or widgets. However, they generally dont test how
individual pieces work together as a whole, or capture the performance
of an application running on a real device. These tasks are performed
with integration tests.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>An introduction to unit testing</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/testing/unit/introduction.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aunit">unit</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/unit-introduction.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>How can you ensure that your app continues to work as you
add more features or change existing functionality?
By writing tests.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>An introduction to widget testing</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/testing/widget/introduction.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Awidget">widget</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/widget-introduction.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>In the introduction to unit testing recipe,
you learned how to test Dart classes using the test package.
To test widget classes, you need a few additional tools provided by the
flutter_test package, which ships with the Flutter SDK.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,79 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Animate a page route transition</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/animation/page-route-animation.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aanimation">animation</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/animation-page-route-animation.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>A design language, such as Material, defines standard behaviors when
transitioning between routes (or screens). Sometimes, though, a custom
transition between screens can make an app more unique. To help,
PageRouteBuilder provides an Animation object.
This Animation can be used with Tween and
Curve objects to customize the transition animation.
This recipe shows how to transition between
routes by animating the new route into view from
the bottom of the screen.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Animate a widget across screens</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/navigation/hero-animations.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Anavigation">navigation</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/navigation-hero-animations.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Its often helpful to guide users through an app as they navigate from screen
to screen. A common technique to lead users through an app is to animate a
widget from one screen to the next. This creates a visual anchor connecting
the two screens.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Animate a widget using a physics simulation</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/animation/physics-simulation.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aanimation">animation</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/animation-physics-simulation.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Physics simulations can make app interactions feel realistic and interactive.
For example, you might want to animate a widget to act as if it were attached to
a spring or falling with gravity.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Animate the properties of a container</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/animation/animated-container.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aanimation">animation</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/animation-animated-container.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>The Container class provides a convenient way
to create a widget with specific properties:
width, height, background color, padding, borders, and more.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Build a form with validation</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/forms/validation.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aforms">forms</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/forms-validation.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Apps often require users to enter information into a text field.
For example, you might require users to log in with an email address
and password combination.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Create a grid list</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/lists/grid-lists.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Alists">lists</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/lists-grid-lists.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>In some cases, you might want to display your items as a grid rather than
a normal list of items that come one after the next.
For this task, use the GridView widget.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Create a horizontal list</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/lists/horizontal-list.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Alists">lists</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/lists-horizontal-list.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>You might want to create a list that scrolls
horizontally rather than vertically.
The ListView widget supports horizontal lists.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Create and style a text field</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/forms/text-input.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aforms">forms</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/forms-text-input.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Text fields allow users to type text into an app.
They are used to build forms,
send messages, create search experiences, and more.
In this recipe, explore how to create and style text fields.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Create lists with different types of items</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/lists/mixed-list.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Alists">lists</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/lists-mixed-list.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>You might need to create lists that display different types of content.
For example, you might be working on a list that shows a heading
followed by a few items related to the heading, followed by another heading,
and so on.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,72 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Delete data on the internet</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/networking/delete-data.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Anetworking">networking</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/networking-delete-data.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>This recipe covers how to delete data over
the internet using the http package.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Display a snackbar</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/design/snackbars.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Adesign">design</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/design-snackbars.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>It can be useful to briefly inform your users when certain actions
take place. For example, when a user swipes away a message in a list,
you might want to inform them that the message has been deleted.
You might even want to give them an option to undo the action.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Display images from the internet</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/images/network-image.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aimages">images</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/images-network-image.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Displaying images is fundamental for most mobile apps.
Flutter provides the Image widget to
display different types of images.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,76 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Export fonts from a package</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/design/package-fonts.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Adesign">design</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/design-package-fonts.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Rather than declaring a font as part of an app,
you can declare a font as part of a separate package.
This is a convenient way to share the same font across
several different projects,
or for coders publishing their packages to pub.dev.
This recipe uses the following steps:</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,75 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Fade a widget in and out</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/animation/opacity-animation.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aanimation">animation</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/animation-opacity-animation.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>UI developers often need to show and hide elements on screen.
However, quickly popping elements on and off the screen can
feel jarring to end users. Instead,
fade elements in and out with an opacity animation to create
a smooth experience.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Fade in images with a placeholder</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/images/fading-in-images.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aimages">images</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/images-fading-in-images.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>When displaying images using the default Image widget,
you might notice they simply pop onto the screen as theyre loaded.
This might feel visually jarring to your users.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,73 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Fetch data from the internet</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/networking/fetch-data.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Anetworking">networking</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/networking-fetch-data.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Fetching data from the internet is necessary for most apps.
Luckily, Dart and Flutter provide tools, such as the
http package, for this type of work.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Find widgets</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/testing/widget/finders.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Awidget">widget</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/widget-finders.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>To locate widgets in a test environment, use the Finder
classes. While its possible to write your own Finder classes,
its generally more convenient to locate widgets using the tools
provided by the flutter_test package.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,75 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Focus and text fields</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/forms/focus.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aforms">forms</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/forms-focus.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>When a text field is selected and accepting input,
it is said to have “focus.”
Generally, users shift focus to a text field by tapping,
and developers shift focus to a text field programmatically by
using the tools described in this recipe.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Handle changes to a text field</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/forms/text-field-changes.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aforms">forms</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/forms-text-field-changes.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>In some cases, its useful to run a callback function every time the text
in a text field changes. For example, you might want to build a search
screen with autocomplete functionality where you want to update the
results as the user types.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,75 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Handle scrolling</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/testing/integration/scrolling.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Aintegration">integration</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/integration-scrolling.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>Many apps feature lists of content,
from email clients to music apps and beyond.
To verify that lists contain the expected content
using integration tests,
you need a way to scroll through lists to search for particular items.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

@ -1,74 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Flutter samples</title>
<link href="styles.css" rel="stylesheet" media="screen">
<link href="https://fonts.googleapis.com/css?family=Google+Sans|Google+Sans+Display|Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="packages/mdc_web/material-components-web.min.js"></script>
<script src="https://kit.fontawesome.com/16cc04762e.js"></script>
<script defer src="description.dart.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
</head>
<body>
<div class="content">
<div class="navbar">
<a class="leading" href="./">
<img src="images/logos/logo_lockup_flutter_horizontal_wht_96.png" />
<span class="title">Samples</span>
</a>
<div class="nav-items">
<a href="https://flutter.dev/">Flutter Home</a>
<a href="https://api.flutter.dev/">API Docs</a>
</div>
</div>
<div class="container">
<div class="description-title-row">
<h1>Handle taps</h1>
<div class="type-label type-label-bordered">cookbook</div>
</div>
<p>By Flutter</p>
<div class="toolbar">
<div class="buttons">
<button class="mdc-button mdc-button--outlined" onclick="window.location.href = 'https://flutter.dev/docs/cookbook/gestures/handling-taps.html';"> <span class="mdc-button__ripple"></span>View Recipe</button>
</div>
<div class="tags-container">
<div class="tags-label">
<i class="material-icons">local_offer</i>
<span>Tags</span>
</div>
<div class="tags">
<a href="./#?search=tag%3Acookbook">cookbook</a>
<a href="./#?search=tag%3Agestures">gestures</a>
</div>
</div>
</div>
<div class="slider-container">
<div class="slider-content">
<div class="slider-single"><img class="slider-single-image" src="images/cookbook/gestures-handling-taps.png" alt="Cookbook article" /></div>
</div>
</div>
<div class="description">
<p>You not only want to display information to users,
you want users to interact with your app.
Use the GestureDetector widget to respond
to fundamental actions, such as tapping and dragging.</p>
</div>
</div>
</div>
</body>
<div class="footer">
<span>© Flutter 2023</span>
</div>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 706 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 408 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 432 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 429 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 583 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 646 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 462 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 552 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 438 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 445 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 428 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 443 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 435 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 377 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 418 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 584 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 592 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 638 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 75 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 555 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 602 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 613 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 731 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 648 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 597 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 468 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 397 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 475 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 389 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 439 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 411 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 389 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 374 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 538 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 550 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 608 KiB

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save