• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1{@inject-html}
2<a name="{{id}}"></a>
3<div class="anchor-container">
4  <a class="anchor-button-overlay anchor-button" title="Copy link to clipboard"
5     onmouseenter="fixHref(this, '{{id}}');"
6     onclick="fixHref(this, '{{id}}'); copyStringToClipboard(this.href);"
7     href="#">
8    <i class="material-icons copy-image">link</i>
9  </a>
10</div>
11<div class="snippet-buttons">
12  <script>var visibleSnippet{{serial}} = "shortSnippet{{serial}}";</script>
13  <button id="shortSnippet{{serial}}Button"
14          onclick="visibleSnippet{{serial}} = showSnippet('shortSnippet{{serial}}', visibleSnippet{{serial}});"
15          selected>Sample</button>
16  <button id="longSnippet{{serial}}Button"
17          onclick="visibleSnippet{{serial}} = showSnippet('longSnippet{{serial}}', visibleSnippet{{serial}});">Sample in an App</button>
18</div>
19<div class="snippet-container">
20  <div class="snippet" id="shortSnippet{{serial}}">
21    {{description}}
22    <div class="copyable-container">
23      <button class="copy-button-overlay copy-button" title="Copy to clipboard"
24              onclick="copyTextToClipboard(visibleSnippet{{serial}});">
25        <i class="material-icons copy-image">assignment</i>
26      </button>
27      <pre class="language-{{language}}"><code class="language-{{language}}">{{code}}</code></pre>
28    </div>
29  </div>
30  <div class="snippet" id="longSnippet{{serial}}" hidden>
31    <div class="snippet-description">To create a sample project with this code snippet, run:<br/>
32      <span class="snippet-create-command">flutter create --sample={{id}} mysample</span>
33    </div>
34    <div class="copyable-container">
35      <button class="copy-button-overlay copy-button" title="Copy to clipboard"
36              onclick="copyTextToClipboard(visibleSnippet{{serial}});">
37        <i class="material-icons copy-image">assignment</i>
38      </button>
39      <pre class="language-{{language}}"><code class="language-{{language}}">{{app}}</code></pre>
40    </div>
41  </div>
42</div>
43{@end-inject-html}
44