deploy: ab6d874404
@ -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,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,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>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,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,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>
|
||||
|
Before Width: | Height: | Size: 706 KiB |
|
Before Width: | Height: | Size: 85 KiB |
|
Before Width: | Height: | Size: 498 KiB |
|
Before Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 408 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 432 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 429 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 583 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 646 KiB |
|
Before Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 462 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 552 KiB |
|
Before Width: | Height: | Size: 67 KiB |
|
Before Width: | Height: | Size: 438 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 445 KiB |
|
Before Width: | Height: | Size: 54 KiB |
|
Before Width: | Height: | Size: 428 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 443 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 435 KiB |
|
Before Width: | Height: | Size: 52 KiB |
|
Before Width: | Height: | Size: 377 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 418 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 584 KiB |
|
Before Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 592 KiB |
|
Before Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 638 KiB |
|
Before Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 555 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 602 KiB |
|
Before Width: | Height: | Size: 74 KiB |
|
Before Width: | Height: | Size: 613 KiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 731 KiB |
|
Before Width: | Height: | Size: 88 KiB |
|
Before Width: | Height: | Size: 648 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 597 KiB |
|
Before Width: | Height: | Size: 72 KiB |
|
Before Width: | Height: | Size: 468 KiB |
|
Before Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 397 KiB |
|
Before Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 475 KiB |
|
Before Width: | Height: | Size: 58 KiB |
|
Before Width: | Height: | Size: 389 KiB |
|
Before Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 439 KiB |
|
Before Width: | Height: | Size: 53 KiB |
|
Before Width: | Height: | Size: 411 KiB |
|
Before Width: | Height: | Size: 50 KiB |
|
Before Width: | Height: | Size: 389 KiB |
|
Before Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 374 KiB |
|
Before Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 538 KiB |
|
Before Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 550 KiB |
|
Before Width: | Height: | Size: 68 KiB |
|
Before Width: | Height: | Size: 608 KiB |