samples/handle_taps.html at gh-pages · css-flutter/samples · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!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 defer src="description.dart.js"></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="screenshots">
        <img src="images/cookbook/handling-taps.png" alt="Cookbook article" />
      </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 2020</span>
</div>

</html>