how

<table class="highlight tab-size js-file-line-container" style="border-spacing: 0px; border-collapse: collapse; tab-size: 8; color: #24292e; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;" data-tab-size="8" data-paste-markdown-skip="">
<tbody style="box-sizing: border-box;">
<tr style="box-sizing: border-box;">
<td id="LC1" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">import</span> <span class="pl-s" style="box-sizing: border-box; color: #032f62;">'package:flutter/material.dart'</span>;</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L2" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="2"></td>
<td id="LC2" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">import</span> <span class="pl-s" style="box-sizing: border-box; color: #032f62;">'package:organic_food_app/constants/constants.dart'</span>;</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L3" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="3"></td>
<td id="LC3" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">import</span> <span class="pl-s" style="box-sizing: border-box; color: #032f62;">'package:organic_food_app/screens/sign_in/sign_in_screen.dart'</span>;</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L4" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="4"></td>
<td id="LC4" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"></td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L5" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="5"></td>
<td id="LC5" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">void</span> <span class="pl-en" style="box-sizing: border-box; color: #6f42c1;">main</span>() {</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L6" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="6"></td>
<td id="LC6" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-en" style="box-sizing: border-box; color: #6f42c1;">runApp</span>(<span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">MyApp</span>());</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L7" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="7"></td>
<td id="LC7" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">}</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L8" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="8"></td>
<td id="LC8" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"></td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L9" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="9"></td>
<td id="LC9" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">class</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">MyApp</span> <span class="pl-k" style="box-sizing: border-box; color: #d73a49;">extends</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">StatelessWidget</span> {</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L10" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="10"></td>
<td id="LC10" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-c" style="box-sizing: border-box; color: #6a737d;">// This widget is the root of your application.</span></td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L11" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="11"></td>
<td id="LC11" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">@override</span></td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L12" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="12"></td>
<td id="LC12" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">Widget</span> <span class="pl-en" style="box-sizing: border-box; color: #6f42c1;">build</span>(<span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">BuildContext</span> context) {</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L13" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="13"></td>
<td id="LC13" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;"><span class="pl-k" style="box-sizing: border-box; color: #d73a49;">return</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">MaterialApp</span>(</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L14" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="14"></td>
<td id="LC14" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">title<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> <span class="pl-s" style="box-sizing: border-box; color: #032f62;">'Organic Food App'</span>,</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L15" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="15"></td>
<td id="LC15" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">debugShowCheckedModeBanner<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">false</span>,</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L16" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="16"></td>
<td id="LC16" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">theme<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">ThemeData</span>(</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L17" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="17"></td>
<td id="LC17" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">primarySwatch<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">Colors</span>.blue,</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L18" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="18"></td>
<td id="LC18" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">visualDensity<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">VisualDensity</span>.adaptivePlatformDensity,</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L19" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="19"></td>
<td id="LC19" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">scaffoldBackgroundColor<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> white</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L20" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="20"></td>
<td id="LC20" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">),</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L21" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="21"></td>
<td id="LC21" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">home<span class="pl-k" style="box-sizing: border-box; color: #d73a49;">:</span> <span class="pl-c1" style="box-sizing: border-box; color: #005cc5;">SignInScreen</span>(),</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L22" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="22"></td>
<td id="LC22" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">);</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L23" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="23"></td>
<td id="LC23" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">}</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L24" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="24"></td>
<td id="LC24" class="blob-code blob-code-inner js-file-line" style="box-sizing: border-box; padding: 0px 10px; position: relative; line-height: 20px; vertical-align: top; overflow: visible; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; color: var(--color-text-primary); overflow-wrap: normal; white-space: pre;">}</td>
</tr>
<tr style="box-sizing: border-box;">
<td id="L25" class="blob-num js-line-number" style="box-sizing: border-box; padding: 0px 10px; width: 50.6667px; min-width: 50px; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 12px; line-height: 20px; color: var(--color-diff-blob-num-text); text-align: right; white-space: nowrap; vertical-align: top; cursor: pointer; user-select: none;" data-line-number="25">

</td>
</tr>
</tbody>
</table>