Projek Mobile Computing Dengan Flutter ke 14

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 14</h2><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1t4twWhA3pefN_9f4MEtS-GNG2nc9fdkf2BV3NG_iKUpTLthwZdpda2BH2uuvQtfPYrBo4Q86JNaBXI1UsyMs6ldT0aYPKV71B_Ww5FGq8yxLzvr8fTbUCy8x9CjSNFQdUJJniBi8UdXxAZsmY823OO2QHlMBtD7WEti0NMAmMtbCNLaSsRrx08/s1920/Screenshot%20(27).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW1t4twWhA3pefN_9f4MEtS-GNG2nc9fdkf2BV3NG_iKUpTLthwZdpda2BH2uuvQtfPYrBo4Q86JNaBXI1UsyMs6ldT0aYPKV71B_Ww5FGq8yxLzvr8fTbUCy8x9CjSNFQdUJJniBi8UdXxAZsmY823OO2QHlMBtD7WEti0NMAmMtbCNLaSsRrx08/s320/Screenshot%20(27).png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div></div></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'../widget/soal_14.dart'</span>;</div><br /><div><span style="color: #f97583;">void</span> <span style="color: #b392f0;">main</span>() {</div><div>  <span style="color: #b392f0;">runApp</span>(<span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>());</div><div>}</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">MyApp</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>({<span style="color: #f97583;">super</span>.<span style="color: #ffab70;">key</span>});</div><br /><div>  <span style="color: #6a737d;">// This widget is the root of your application.</span></div><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">MaterialApp</span>(</div><div>      <span style="color: #ffab70;">debugShowCheckedModeBanner</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>      <span style="color: #ffab70;">theme</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">ThemeData</span>(</div><div>        <span style="color: #ffab70;">primarySwatch</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>        <span style="color: #ffab70;">canvasColor</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>      ),</div><div>      <span style="color: #ffab70;">home</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Soal14</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_14.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">Soal14</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">Soal14</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">spaceBetween</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Row</span>(</div><div>            <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">spaceBetween</span>,</div><div>            <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>              <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>            ],</div><div>          ),</div><div>          <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>          <span style="color: #b392f0;">Row</span>(</div><div>            <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">spaceBetween</span>,</div><div>            <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>              <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>            ],</div><div>          ),</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw58i6J1UjT4hHNh95IjSQw1_bhK86Dzbk0Tus34QIaziCF6lNGJ4oNTZIKxQmemu7tjzyzRmZ2a_o_WfqmjBYr2oIo4uT3JtxLI-lnQkZW_O6-u7LTGniv_-FWaMQ0IubEX5M2rY8hz4iUMGEy2uQ1BJg-r6GO2iBLPlpVzQCWLKw95-0TA3sjSw/s1920/Screenshot%20(28).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw58i6J1UjT4hHNh95IjSQw1_bhK86Dzbk0Tus34QIaziCF6lNGJ4oNTZIKxQmemu7tjzyzRmZ2a_o_WfqmjBYr2oIo4uT3JtxLI-lnQkZW_O6-u7LTGniv_-FWaMQ0IubEX5M2rY8hz4iUMGEy2uQ1BJg-r6GO2iBLPlpVzQCWLKw95-0TA3sjSw/w640-h360/Screenshot%20(28).png" width="640" /></a></div><br /><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><br /></div><br /><div class="separator" style="clear: both;"><br /></div><br /><div class="separator" style="clear: both;"><br /></div><br /><br /><div class="separator" style="clear: both;"><br /></div><br /><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><p><br /></p><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 14

Projek Mobile Computing Dengan Flutter ke 14 Coding Pada file main.dart import 'package:flutter/material.dart' ; import '../wi...

Read more »

Projek Mobile Computing Dengan Flutter ke 13

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 13</h2><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQxblXO0pwFzWl11BBUvp6wvBXznxnVp67fg1q6bYNa7oH94jVZOLcDZgMsP3fbRGDjL-HKvNqUogEwRFM8Lzqtl1v3Dq3sArKPzNM5RS6mbBSq5IjGooQhMXo56M4O3WyaYFOGFv8x4JCpg6WI076T-tD7TTlaDPmNK2eprnvMQlXM-lWW18-II/s1920/Screenshot%20(25).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdQxblXO0pwFzWl11BBUvp6wvBXznxnVp67fg1q6bYNa7oH94jVZOLcDZgMsP3fbRGDjL-HKvNqUogEwRFM8Lzqtl1v3Dq3sArKPzNM5RS6mbBSq5IjGooQhMXo56M4O3WyaYFOGFv8x4JCpg6WI076T-tD7TTlaDPmNK2eprnvMQlXM-lWW18-II/s320/Screenshot%20(25).png" width="320" /></a></div><br /><div class="separator" style="clear: both;"><br /></div></div></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'../widget/soal_13.dart'</span>;</div><br /><div><span style="color: #f97583;">void</span> <span style="color: #b392f0;">main</span>() {</div><div>  <span style="color: #b392f0;">runApp</span>(<span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>());</div><div>}</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">MyApp</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>({<span style="color: #f97583;">super</span>.<span style="color: #ffab70;">key</span>});</div><br /><div>  <span style="color: #6a737d;">// This widget is the root of your application.</span></div><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">MaterialApp</span>(</div><div>      <span style="color: #ffab70;">debugShowCheckedModeBanner</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>      <span style="color: #ffab70;">theme</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">ThemeData</span>(</div><div>        <span style="color: #ffab70;">primarySwatch</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>        <span style="color: #ffab70;">canvasColor</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>      ),</div><div>      <span style="color: #ffab70;">home</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Soal13</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_13.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">Soal13</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">Soal13</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">spaceBetween</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Row</span>(</div><div>            <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>              <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>            ],</div><div>          ),</div><div>          <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>          <span style="color: #b392f0;">Row</span>(</div><div>            <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>              <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>            ],</div><div>          ),</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMY2WGwgAr-wjN8c9MVg_ISwKruvBvX9y8ere2Xavsh8kGhlWT1WqYxPtX-TfxvRtcLLLI7VJKzZhndWrFEJ460PWc98jZS-j2kiTiItSJGWLOuQ4zg40TaD7kvgBQde4DlcLeaLdBFmEQBVIR3sqLPmSACt3g68_qoTPwrcv6BqCKj7raKBaHQR0/s1920/Screenshot%20(26).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMY2WGwgAr-wjN8c9MVg_ISwKruvBvX9y8ere2Xavsh8kGhlWT1WqYxPtX-TfxvRtcLLLI7VJKzZhndWrFEJ460PWc98jZS-j2kiTiItSJGWLOuQ4zg40TaD7kvgBQde4DlcLeaLdBFmEQBVIR3sqLPmSACt3g68_qoTPwrcv6BqCKj7raKBaHQR0/w640-h360/Screenshot%20(26).png" width="640" /></a></div><br /><div class="separator" style="clear: both;"><br /></div><br /><div class="separator" style="clear: both;"><br /></div><br /><br /><div class="separator" style="clear: both;"><br /></div><br /><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><p><br /></p><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 13

Projek Mobile Computing Dengan Flutter ke 13 Coding Pada file main.dart import 'package:flutter/material.dart' ; import '../wi...

Read more »

Projek Mobile Computing Dengan Flutter ke 12

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 12</h2><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNs7k78otVq4-BDcKJvZGD3DwlNKbuxbxA6VFMEvqUkZgOEPqzb8xaVDTvnDIRQmA56-3_bS1L57ckY6ouzoNMCQA4cxcv7Qo8hGJPWFUopyvoaw4-numGqSYMeZGdwOn55-QeqRg3m0KzNNxu1LaCsHJwfMrFeThMKLW56SNWF53zXnVRDjbnpo/s1920/Screenshot%20(23).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcNs7k78otVq4-BDcKJvZGD3DwlNKbuxbxA6VFMEvqUkZgOEPqzb8xaVDTvnDIRQmA56-3_bS1L57ckY6ouzoNMCQA4cxcv7Qo8hGJPWFUopyvoaw4-numGqSYMeZGdwOn55-QeqRg3m0KzNNxu1LaCsHJwfMrFeThMKLW56SNWF53zXnVRDjbnpo/s320/Screenshot%20(23).png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div></div></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'../widget/soal_12.dart'</span>;</div><br /><div><span style="color: #f97583;">void</span> <span style="color: #b392f0;">main</span>() {</div><div>  <span style="color: #b392f0;">runApp</span>(<span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>());</div><div>}</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">MyApp</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>({<span style="color: #f97583;">super</span>.<span style="color: #ffab70;">key</span>});</div><br /><div>  <span style="color: #6a737d;">// This widget is the root of your application.</span></div><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">MaterialApp</span>(</div><div>      <span style="color: #ffab70;">debugShowCheckedModeBanner</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>      <span style="color: #ffab70;">theme</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">ThemeData</span>(</div><div>        <span style="color: #ffab70;">primarySwatch</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>        <span style="color: #ffab70;">canvasColor</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>      ),</div><div>      <span style="color: #ffab70;">home</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Soal12</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_12.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">Soal12</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">Soal12</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">start</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Row</span>(</div><div>            <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>              <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>            ],</div><div>          ),</div><div>          <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>          <span style="color: #b392f0;">Row</span>(</div><div>            <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>              <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #b392f0;">Container</span>(</div><div>                <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>                <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>                <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>                  <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello"</span>,</div><div>                    <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                      <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                      <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                    ),</div><div>                  ),</div><div>                ),</div><div>              ),</div><div>            ],</div><div>          ),</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieB0ni4HuNjT19w1RWxJsQCBIr9pYm0uj1NNaUvHBx8mAW1avfxQHLFS_EpaRIpk4fdV-Wg1KKtZvI6pwmP4SXjjf6nqb7MOinL8P4h4U1GnvmLhbS8wZ19B-n0Q6H6yt8_7EsyYCiqZTXSJmyR1uEKj8rLLZgtsH8INqAQl-BpjfZ96J4Z3Ed6Dc/s1920/Screenshot%20(24).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieB0ni4HuNjT19w1RWxJsQCBIr9pYm0uj1NNaUvHBx8mAW1avfxQHLFS_EpaRIpk4fdV-Wg1KKtZvI6pwmP4SXjjf6nqb7MOinL8P4h4U1GnvmLhbS8wZ19B-n0Q6H6yt8_7EsyYCiqZTXSJmyR1uEKj8rLLZgtsH8INqAQl-BpjfZ96J4Z3Ed6Dc/w640-h360/Screenshot%20(24).png" width="640" /></a></div><br /><div class="separator" style="clear: both;"><br /></div><br /><br /><div class="separator" style="clear: both;"><br /></div><br /><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 12

Projek Mobile Computing Dengan Flutter ke 12 Coding Pada file main.dart import 'package:flutter/material.dart' ; import '../wi...

Read more »

Projek Mobile Computing Dengan Flutter ke 11

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 11</h2><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji1N1iDTMG-DNszsJDFu7ymmJzZOSgCTEYlijYc9cDKspFOeuIE-ywFkwj7ji4o5CsrDEZjSmIL4Tk1SxwJLFmS77oyxw5LsrZsR4F6Mw7Lo5EuIl3pMa-tpZnzxDZv7Fo1XFUUFkMZpe9dQl2wMHvOybqRdRZb49JjrGanRKKb7PV_Ei5jAI5YLw/s1920/Screenshot%20(21).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji1N1iDTMG-DNszsJDFu7ymmJzZOSgCTEYlijYc9cDKspFOeuIE-ywFkwj7ji4o5CsrDEZjSmIL4Tk1SxwJLFmS77oyxw5LsrZsR4F6Mw7Lo5EuIl3pMa-tpZnzxDZv7Fo1XFUUFkMZpe9dQl2wMHvOybqRdRZb49JjrGanRKKb7PV_Ei5jAI5YLw/s320/Screenshot%20(21).png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></div></div><br /></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'../widget/soal_11.dart'</span>;</div><br /><div><span style="color: #f97583;">void</span> <span style="color: #b392f0;">main</span>() {</div><div>  <span style="color: #b392f0;">runApp</span>(<span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>());</div><div>}</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">MyApp</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>({<span style="color: #f97583;">super</span>.<span style="color: #ffab70;">key</span>});</div><br /><div>  <span style="color: #6a737d;">// This widget is the root of your application.</span></div><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">MaterialApp</span>(</div><div>      <span style="color: #ffab70;">debugShowCheckedModeBanner</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>      <span style="color: #ffab70;">theme</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">ThemeData</span>(</div><div>        <span style="color: #ffab70;">primarySwatch</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>        <span style="color: #ffab70;">canvasColor</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>      ),</div><div>      <span style="color: #ffab70;">home</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Soal11</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_11.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">Soal11</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">Soal11</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">spaceBetween</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          ),</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          )</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8yd6mPmdwYyceUIHvKV4AQ0vfF3D8mvmcIq6GJxHT2a3i3_6PVTMEfWTYYct8PN89Ul81k8_6e8yrwLoJPm4yJZjNddNSoCfToUwyaf94ahbHiqHgQwxl42ocqy4QHAUCVcG18Z93GPyMJcJx3YVkjxof9BLs98h2x2vHtYRJkFAiqxQ9tbS7a74/s1920/Screenshot%20(22).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8yd6mPmdwYyceUIHvKV4AQ0vfF3D8mvmcIq6GJxHT2a3i3_6PVTMEfWTYYct8PN89Ul81k8_6e8yrwLoJPm4yJZjNddNSoCfToUwyaf94ahbHiqHgQwxl42ocqy4QHAUCVcG18Z93GPyMJcJx3YVkjxof9BLs98h2x2vHtYRJkFAiqxQ9tbS7a74/w640-h360/Screenshot%20(22).png" width="640" /></a></div><br /><div class="separator" style="clear: both;"><br /></div><br /><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 11

Projek Mobile Computing Dengan Flutter ke 11 Coding Pada file main.dart import 'package:flutter/material.dart' ; import '../wi...

Read more »

Projek Mobile Computing Dengan Flutter ke 10

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 10</h2><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBpA3qE_uojRlstCmmQ65-JLmBjhW6ZN2ih03zlMELj2WbP00gU9gnhwsBW_-MSokqR_FJ6yXTkT2CIqlKh0cD-XWcA_pldXQkqSWBuDmb9XkBffet9f7cQjQa6li2J9ztslN6gJU7MN1Ula_ipqmC-RS1_JpCnDF8fjyFxrPfIfexLJUxc02AdU4/s1920/Screenshot%20(19).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBpA3qE_uojRlstCmmQ65-JLmBjhW6ZN2ih03zlMELj2WbP00gU9gnhwsBW_-MSokqR_FJ6yXTkT2CIqlKh0cD-XWcA_pldXQkqSWBuDmb9XkBffet9f7cQjQa6li2J9ztslN6gJU7MN1Ula_ipqmC-RS1_JpCnDF8fjyFxrPfIfexLJUxc02AdU4/s320/Screenshot%20(19).png" width="320" /></a></div><br /><div class="separator" style="clear: both;"><br /></div><br /></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'../widget/soal_10.dart'</span>;</div><br /><div><span style="color: #f97583;">void</span> <span style="color: #b392f0;">main</span>() {</div><div>  <span style="color: #b392f0;">runApp</span>(<span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>());</div><div>}</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">MyApp</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>({<span style="color: #f97583;">super</span>.<span style="color: #ffab70;">key</span>});</div><br /><div>  <span style="color: #6a737d;">// This widget is the root of your application.</span></div><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">MaterialApp</span>(</div><div>      <span style="color: #ffab70;">debugShowCheckedModeBanner</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>      <span style="color: #ffab70;">theme</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">ThemeData</span>(</div><div>        <span style="color: #ffab70;">primarySwatch</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>        <span style="color: #ffab70;">canvasColor</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>      ),</div><div>      <span style="color: #ffab70;">home</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Soal10</span>(),</div><div>    );</div><div>  }</div><div>}</div></div></div><br /></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_10.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">Soal10</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">Soal10</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">start</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          ),</div><div>          <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          )</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NXjlz7YTVbjqnp3gsNekZybpoNZz6kxFmV5N0mEZrUrTx-1lZXhDPm0FQ0xyuQDsGmPLA33f-oHuRfaigW7h0ub0BD5fNMiFiUrid-nXsNBGc-Nc3QLjPPvrF54lXXsKHdUP1AMm5Kz9CtoiVGuufPBt7z8xZxBEohI0GP2cFuY590d-1PDyhFc/s1920/Screenshot%20(20).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3NXjlz7YTVbjqnp3gsNekZybpoNZz6kxFmV5N0mEZrUrTx-1lZXhDPm0FQ0xyuQDsGmPLA33f-oHuRfaigW7h0ub0BD5fNMiFiUrid-nXsNBGc-Nc3QLjPPvrF54lXXsKHdUP1AMm5Kz9CtoiVGuufPBt7z8xZxBEohI0GP2cFuY590d-1PDyhFc/w640-h360/Screenshot%20(20).png" width="640" /></a></div><br /><div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 10

Projek Mobile Computing Dengan Flutter ke 10 Coding Pada file main.dart import 'package:flutter/material.dart' ; import '../wi...

Read more »

Projek Mobile Computing Dengan Flutter ke 09

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 09</h2><div><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6-a-QxO4zCJUwx5Xbq7gWzFL_9nl9TMEDYYujwbI7uF_XN5qh0LaD0Nk--UohqpMZFAcrwYHqSy_JfvU5lmq_G7ToIsPm7h8MiKFsP-WhL8UYzc4VmDOoNfNaDFt1suZIPi5OTmKf9MXVYPwcE08DPl7UGdhV7SGgQPawynyL_7UpluRuPy0-Qe8/s1920/Screenshot%20(17).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6-a-QxO4zCJUwx5Xbq7gWzFL_9nl9TMEDYYujwbI7uF_XN5qh0LaD0Nk--UohqpMZFAcrwYHqSy_JfvU5lmq_G7ToIsPm7h8MiKFsP-WhL8UYzc4VmDOoNfNaDFt1suZIPi5OTmKf9MXVYPwcE08DPl7UGdhV7SGgQPawynyL_7UpluRuPy0-Qe8/s320/Screenshot%20(17).png" width="320" /></a></div><br /></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'../widget/soal_9.dart'</span>;</div><br /><div><span style="color: #f97583;">void</span> <span style="color: #b392f0;">main</span>() {</div><div>  <span style="color: #b392f0;">runApp</span>(<span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>());</div><div>}</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">MyApp</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">MyApp</span>({<span style="color: #f97583;">super</span>.<span style="color: #ffab70;">key</span>});</div><br /><div>  <span style="color: #6a737d;">// This widget is the root of your application.</span></div><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">MaterialApp</span>(</div><div>      <span style="color: #ffab70;">debugShowCheckedModeBanner</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>      <span style="color: #ffab70;">theme</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">ThemeData</span>(</div><div>        <span style="color: #ffab70;">primarySwatch</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>        <span style="color: #ffab70;">canvasColor</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>      ),</div><div>      <span style="color: #ffab70;">home</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Soal9</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_9.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'package:flutter/material.dart'</span>;</div><br /><div><span style="color: #f97583;">class</span> <span style="color: #b392f0;">Soal9</span> <span style="color: #f97583;">extends</span> <span style="color: #b392f0;">StatelessWidget</span> {</div><div>  <span style="color: #f97583;">const</span> <span style="color: #b392f0;">Soal9</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Row</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">end</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          ),</div><div>          <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          )</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQhi6wlyUs9gYbPq-WBL-HHC2JpVbCi6SsdpeWfnl6EiZKCjtxtJigJtvivBcKtGc3PXYvpa3otUObHOB1oaCmrNO78pXVEHGNlS9cGnSZQaU8-1s8fE0vHad0GKPVvIUHjwA7OjBWJ9_2WZrU1WZfASHMhRmSheqNLF5xPObqW_dRPUxmky4orFk/s1920/Screenshot%20(18).png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQhi6wlyUs9gYbPq-WBL-HHC2JpVbCi6SsdpeWfnl6EiZKCjtxtJigJtvivBcKtGc3PXYvpa3otUObHOB1oaCmrNO78pXVEHGNlS9cGnSZQaU8-1s8fE0vHad0GKPVvIUHjwA7OjBWJ9_2WZrU1WZfASHMhRmSheqNLF5xPObqW_dRPUxmky4orFk/w640-h360/Screenshot%20(18).png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 09

Projek Mobile Computing Dengan Flutter ke 09 Coding Pada file main.dart import 'package:flutter/material.dart' ; import '../wi...

Read more »