Projek Mobile Computing Dengan Flutter ke 19

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 19</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/AVvXsEj5sIiIlYX9-ZEa2a75aX3_0oYpJyDRMwOYa_W0_o5CkZ5VKEXFsMzQ1F-6awvDANe_1o1W1joQGjyHelbi0fVluXI7LcaiJyeLg3A7MlVroHsUbWAPkVPmhYIkxiXK06IwtelWiYiDOptgzm93di75AqjEEOntqaXYfRroS2nzN6KyqRNHMaA8HZY/s1920/Screenshot%20(37).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/AVvXsEj5sIiIlYX9-ZEa2a75aX3_0oYpJyDRMwOYa_W0_o5CkZ5VKEXFsMzQ1F-6awvDANe_1o1W1joQGjyHelbi0fVluXI7LcaiJyeLg3A7MlVroHsUbWAPkVPmhYIkxiXK06IwtelWiYiDOptgzm93di75AqjEEOntqaXYfRroS2nzN6KyqRNHMaA8HZY/s320/Screenshot%20(37).png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></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 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_19.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;">Soal19</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></div></div></div></div><div><b>Coding Pada file soal_19.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 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;">Soal19</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;">Soal19</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;">ListView</span>.<span style="color: #b392f0;">builder</span>(</div><div>        <span style="color: #ffab70;">padding</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">EdgeInsets</span>.<span style="color: #b392f0;">all</span>(<span style="color: #79b8ff;">20</span>),</div><div>        <span style="color: #ffab70;">itemCount</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">50</span>,</div><div>        <span style="color: #ffab70;">itemBuilder</span><span style="color: #f97583;">:</span> (<span style="color: #ffab70;">context</span>, <span style="color: #ffab70;">index</span>) <span style="color: #f97583;">=></span> <span style="color: #b392f0;">Padding</span>(</div><div>          <span style="color: #ffab70;">padding</span><span style="color: #f97583;">:</span> <span style="color: #f97583;">const</span> <span style="color: #b392f0;">EdgeInsets</span>.<span style="color: #b392f0;">only</span>(<span style="color: #ffab70;">bottom</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>),</div><div>          <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">padding</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">EdgeInsets</span>.<span style="color: #b392f0;">all</span>(<span style="color: #79b8ff;">20</span>),</div><div>            <span style="color: #ffab70;">alignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Alignment</span>.bottomLeft,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">200</span>,</div><div>            <span style="color: #ffab70;">decoration</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">BoxDecoration</span>(</div><div>              <span style="color: #ffab70;">borderRadius</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">BorderRadius</span>.<span style="color: #b392f0;">circular</span>(<span style="color: #79b8ff;">20</span>),</div><div>              <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.grey[<span style="color: #79b8ff;">300</span>],</div><div>              <span style="color: #ffab70;">image</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">DecorationImage</span>(</div><div>                <span style="color: #ffab70;">fit</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">BoxFit</span>.<span style="color: #79b8ff;">cover</span>,</div><div>                <span style="color: #ffab70;">image</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">NetworkImage</span>(</div><div>                  <span style="color: #9ecbff;">"https://picsum.photos/id/</span><span style="color: #9ecbff;">${</span><span style="color: #79b8ff;">778</span><span style="color: #9ecbff;"> + </span><span style="color: #ffab70;">index</span><span style="color: #9ecbff;">}</span><span style="color: #9ecbff;">/200/300"</span>,</div><div>                ),</div><div>              ),</div><div>            ),</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><span style="color: #9ecbff;">${</span><span style="color: #ffab70;">index</span><span style="color: #9ecbff;"> + </span><span style="color: #79b8ff;">1</span><span style="color: #9ecbff;">}</span><span style="color: #9ecbff;">"</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><br /></div></div></div></div></div></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><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdZXM4TWD7z0QdHveBr3U1vzfx2AB43TrnGXiWr9yM2ozqB42hC8QGoDuMB2k12oh7X5noGtTRC73DQYGGRicD2iV82TTezlIvmDU0SlRxwnZ4z8ntMExVLRPc6RkMlNWSCjX0115503r9wq-c2j2TyTVhiU78ZtQ-T28NyeFhqo6oljXYf77OYs/s1920/Screenshot%20(38).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/AVvXsEhFdZXM4TWD7z0QdHveBr3U1vzfx2AB43TrnGXiWr9yM2ozqB42hC8QGoDuMB2k12oh7X5noGtTRC73DQYGGRicD2iV82TTezlIvmDU0SlRxwnZ4z8ntMExVLRPc6RkMlNWSCjX0115503r9wq-c2j2TyTVhiU78ZtQ-T28NyeFhqo6oljXYf77OYs/w640-h360/Screenshot%20(38).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><div class="separator" style="clear: both; text-align: center;"><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 19

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

Read more »

Projek Mobile Computing Dengan Flutter ke 18

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 18</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/AVvXsEi740idqrYKkZWaxrF5sqR1ObKFTU82rbHWE4dYesAbxHugqpa-BZwwzGcV8ldTxpxJuPoObzDqd_h-T3Rvds5e06sqd14Ok1c1cyM8U9rZRjDL7vZjhSm2vxX7ePuDUAb2ZgYcelgW7MsWdmyyFOkB4JeL7O0eVMux9fxjFK4E6ULnfNds0hMowBU/s1920/Screenshot%20(35).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/AVvXsEi740idqrYKkZWaxrF5sqR1ObKFTU82rbHWE4dYesAbxHugqpa-BZwwzGcV8ldTxpxJuPoObzDqd_h-T3Rvds5e06sqd14Ok1c1cyM8U9rZRjDL7vZjhSm2vxX7ePuDUAb2ZgYcelgW7MsWdmyyFOkB4JeL7O0eVMux9fxjFK4E6ULnfNds0hMowBU/s320/Screenshot%20(35).png" width="320" /></a></div><div class="separator" style="clear: both;"><br /></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 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_18.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;">Soal18</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></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_18.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 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;">Soal18</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;">Soal18</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;">ListView</span>.<span style="color: #b392f0;">builder</span>(</div><div>        <span style="color: #ffab70;">padding</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">EdgeInsets</span>.<span style="color: #b392f0;">all</span>(<span style="color: #79b8ff;">20</span>),</div><div>        <span style="color: #ffab70;">itemCount</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">50</span>,</div><div>        <span style="color: #ffab70;">itemBuilder</span><span style="color: #f97583;">:</span> (<span style="color: #ffab70;">context</span>, <span style="color: #ffab70;">index</span>) {</div><div>          <span style="color: #f97583;">if</span> (<span style="color: #ffab70;">index</span> <span style="color: #f97583;">%</span> <span style="color: #79b8ff;">2</span> <span style="color: #f97583;">==</span> <span style="color: #79b8ff;">0</span>) {</div><div>            <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Padding</span>(</div><div>              <span style="color: #ffab70;">padding</span><span style="color: #f97583;">:</span> <span style="color: #f97583;">const</span> <span style="color: #b392f0;">EdgeInsets</span>.<span style="color: #b392f0;">only</span>(<span style="color: #ffab70;">bottom</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>),</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>                <span style="color: #ffab70;">crossAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">CrossAxisAlignment</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;">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>                  ),</div><div>                  <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">10</span>),</div><div>                  <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello </span><span style="color: #9ecbff;">${</span><span style="color: #ffab70;">index</span><span style="color: #9ecbff;"> + </span><span style="color: #79b8ff;">1</span><span style="color: #9ecbff;">}</span><span style="color: #9ecbff;">"</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>                    ),</div><div>                  ),</div><div>                ],</div><div>              ),</div><div>            );</div><div>          } <span style="color: #f97583;">else</span> {</div><div>            <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Padding</span>(</div><div>              <span style="color: #ffab70;">padding</span><span style="color: #f97583;">:</span> <span style="color: #f97583;">const</span> <span style="color: #b392f0;">EdgeInsets</span>.<span style="color: #b392f0;">only</span>(<span style="color: #ffab70;">bottom</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>),</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</span>(</div><div>                <span style="color: #ffab70;">crossAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">CrossAxisAlignment</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;">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>                  ),</div><div>                  <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">10</span>),</div><div>                  <span style="color: #b392f0;">Text</span>(</div><div>                    <span style="color: #9ecbff;">"Hello </span><span style="color: #9ecbff;">${</span><span style="color: #ffab70;">index</span><span style="color: #9ecbff;"> + </span><span style="color: #79b8ff;">1</span><span style="color: #9ecbff;">}</span><span style="color: #9ecbff;">"</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>                    ),</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></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8-JcMx0Ok7wjN4IGQcoZzos1_0p5BNSBdI-yooB2bjtuNBJ5KwfyakgXg4b9ZepLX7juC2xfjmoeu6Ut0Q9DVqt75BGVT5LobWyDOzz65ANgpvS2E4X67HBhD-GRHuny24RnIpBDiJX8QMctt_tbY4xOBuMQRLJkwSd1G5K0S9232zaZwTN7ZWik/s1920/Screenshot%20(36).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/AVvXsEi8-JcMx0Ok7wjN4IGQcoZzos1_0p5BNSBdI-yooB2bjtuNBJ5KwfyakgXg4b9ZepLX7juC2xfjmoeu6Ut0Q9DVqt75BGVT5LobWyDOzz65ANgpvS2E4X67HBhD-GRHuny24RnIpBDiJX8QMctt_tbY4xOBuMQRLJkwSd1G5K0S9232zaZwTN7ZWik/w640-h360/Screenshot%20(36).png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></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 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 18

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

Read more »

Projek Mobile Computing Dengan Flutter ke 17

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 17</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/AVvXsEhlRsPIeJ-lRnxKvUivIgs8J0OhTh-xW3MWYYL1edjXCw1XhpE-nGgs9W0PwDoNGOX92jnVhY9Sx2k7sr3IU4ZpTgFXDM93YL8pWj13tOw9AeWwTFOQRyy-C2j2vh4_XsOSbtWbHT2clrmtpsmWoIWES7oJF5WYC0QEFLqw0EQ7CP7GUzit6biNAS4/s1920/Screenshot%20(33).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/AVvXsEhlRsPIeJ-lRnxKvUivIgs8J0OhTh-xW3MWYYL1edjXCw1XhpE-nGgs9W0PwDoNGOX92jnVhY9Sx2k7sr3IU4ZpTgFXDM93YL8pWj13tOw9AeWwTFOQRyy-C2j2vh4_XsOSbtWbHT2clrmtpsmWoIWES7oJF5WYC0QEFLqw0EQ7CP7GUzit6biNAS4/s320/Screenshot%20(33).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 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_17.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;">Soal17</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></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_17.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 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;">Soal17</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;">Soal17</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;">GridView</span>.<span style="color: #b392f0;">builder</span>(</div><div>        <span style="color: #ffab70;">itemCount</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">50</span>,</div><div>        <span style="color: #ffab70;">gridDelegate</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">SliverGridDelegateWithFixedCrossAxisCount</span>(</div><div>          <span style="color: #ffab70;">crossAxisCount</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">3</span>,</div><div>          <span style="color: #ffab70;">mainAxisSpacing</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>,</div><div>          <span style="color: #ffab70;">crossAxisSpacing</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>,</div><div>        ),</div><div>        <span style="color: #ffab70;">itemBuilder</span><span style="color: #f97583;">:</span> (<span style="color: #ffab70;">context</span>, <span style="color: #ffab70;">index</span>) {</div><div>          <span style="color: #f97583;">if</span> (<span style="color: #ffab70;">index</span> <span style="color: #f97583;">%</span> <span style="color: #79b8ff;">2</span> <span style="color: #f97583;">==</span> <span style="color: #79b8ff;">0</span>) {</div><div>            <span style="color: #f97583;">return</span> <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: #f97583;">else</span> {</div><div>            <span style="color: #f97583;">return</span> <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><div>}</div><br /></div></div></div></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><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQOc-waCCh4MX8Tc3WBqDjyE6Z8iLyKndoPgcrgC8JCGwC4P8nmyOZ5hTEu1o06G165vTqzisz6U0_OT2Cs1YK5Bh5_XzmkYdGR8nTxXufenNcW1VTgxyusnVTBkesOER1NzLuYseAtVY126v51-jV4dmhyimmiLPnjl02P4XLwWUQKY9udYkIGgE/s1920/Screenshot%20(34).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/AVvXsEhQOc-waCCh4MX8Tc3WBqDjyE6Z8iLyKndoPgcrgC8JCGwC4P8nmyOZ5hTEu1o06G165vTqzisz6U0_OT2Cs1YK5Bh5_XzmkYdGR8nTxXufenNcW1VTgxyusnVTBkesOER1NzLuYseAtVY126v51-jV4dmhyimmiLPnjl02P4XLwWUQKY9udYkIGgE/w640-h360/Screenshot%20(34).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><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 17

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

Read more »

Projek Mobile Computing Dengan Flutter ke 16

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 16</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/AVvXsEga7JZFIB9dpNmPgqlAQPVta16CZTh-ZNBdjOhNbMmsQ-ldJMWLZKw4eZnx5c_SvlZgSJrfL-QFUF6h9bYx-zBIZx_Y3Qdqm6fmtpc5C85ceWoNheT90qT6NGGsIdD61KudwyrfVJLW55GvcT3nbk0FtTnDlxYMDYGWx9fW-QM3_JGwa3QF8LiaJNc/s1920/Screenshot%20(31).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/AVvXsEga7JZFIB9dpNmPgqlAQPVta16CZTh-ZNBdjOhNbMmsQ-ldJMWLZKw4eZnx5c_SvlZgSJrfL-QFUF6h9bYx-zBIZx_Y3Qdqm6fmtpc5C85ceWoNheT90qT6NGGsIdD61KudwyrfVJLW55GvcT3nbk0FtTnDlxYMDYGWx9fW-QM3_JGwa3QF8LiaJNc/s320/Screenshot%20(31).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 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_16.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;">Soal16</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></div><div><b><br /></b></div><div><b>Coding Pada file soal_16.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 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;">Soal16</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;">Soal16</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;">SingleChildScrollView</span>(</div><div>        <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Column</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>            <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>.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>            <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>.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>            <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>.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>            <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>.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>            <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>.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>            <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>.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>            <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>.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>            <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>          ],</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></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_k4auToFZrwifs31vbap002Z6Youy9JN1T0x__1Bt3YADuUuvSg7t5c_Xxli9GakuoVxMhaGyeRa46bQnR9kSJBHmY59pZuso9_A1DqXs9mb8bwYXs3ZQWukciX6bDE9MZFDe83xYSu-FvcpyDHiCvT9qoYTP_uScOB8-Xa_1L-8ocDU-sIAOrAM/s1920/Screenshot%20(32).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/AVvXsEi_k4auToFZrwifs31vbap002Z6Youy9JN1T0x__1Bt3YADuUuvSg7t5c_Xxli9GakuoVxMhaGyeRa46bQnR9kSJBHmY59pZuso9_A1DqXs9mb8bwYXs3ZQWukciX6bDE9MZFDe83xYSu-FvcpyDHiCvT9qoYTP_uScOB8-Xa_1L-8ocDU-sIAOrAM/w640-h360/Screenshot%20(32).png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><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 16

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

Read more »

Projek Mobile Computing Dengan Flutter ke 15

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 15</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/AVvXsEh-8FVaM2yMohk3_7mC4Sn5KPlEcG8ciGk9Vk26QehRw9NmlnuKDOtse1yAE3nDYJvK_xSrPE7Upql2dbYMW9NTSuficB2yb6hYhc7ZtTHOB7L2u3vjtd6SP0LcaqqjmKtz-u1l9XroDE1uVsNdSsgvpZVkSk2krYyY7bbWPipuwPfezORWcGr4g_c/s1920/Screenshot%20(29).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/AVvXsEh-8FVaM2yMohk3_7mC4Sn5KPlEcG8ciGk9Vk26QehRw9NmlnuKDOtse1yAE3nDYJvK_xSrPE7Upql2dbYMW9NTSuficB2yb6hYhc7ZtTHOB7L2u3vjtd6SP0LcaqqjmKtz-u1l9XroDE1uVsNdSsgvpZVkSk2krYyY7bbWPipuwPfezORWcGr4g_c/s320/Screenshot%20(29).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 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_15.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;">Soal15</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><div><b><br /></b></div><div><b>Coding Pada file soal_15.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 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;">Soal15</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;">Soal15</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;">FlutterLogo</span>(</div><div>            <span style="color: #ffab70;">size</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">200</span>,</div><div>          ),</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><div><b><br /></b></div><div><b>Hasil Running </b></div><div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAbsysotc6_cUktNo08XmRM839_TfkvWeXzO-AeyhJxFk2N3L7izfIb3ZKyif4mcLOy0DmM0wKf_29PwxW90ZG70lwuemOjMBfXU0_9XpKHDBbgl97SZ3quPuhcYxkVtcDFqCKg5HdxAfk7dtnVGNQYJS3zXP3T8SGY3UfNB4ku2IYXBDbCOkPnQ4/s1920/Screenshot%20(30).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/AVvXsEiAbsysotc6_cUktNo08XmRM839_TfkvWeXzO-AeyhJxFk2N3L7izfIb3ZKyif4mcLOy0DmM0wKf_29PwxW90ZG70lwuemOjMBfXU0_9XpKHDBbgl97SZ3quPuhcYxkVtcDFqCKg5HdxAfk7dtnVGNQYJS3zXP3T8SGY3UfNB4ku2IYXBDbCOkPnQ4/w640-h360/Screenshot%20(30).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><p><br /></p><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 15

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

Read more »