A Creative Creator

Projek Mobile Computing Dengan Flutter ke 08

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 08</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/AVvXsEikHz8NBpTQLVQe_-evLaW5YMlq32Up9cf9-0DgX2RZoLpzLZa9v3lU2jV63irLwAGmBjDiV_c0d2p5Ku7LWvNkk6_kNRs5C_O9qpEi3Mz9BBqTuQQRR2uGw-7ZmES5X6sePzk-D4V6jhAt7LOJdmA0wSXMfV3McBYgXC5BiNkEB2m5pFrajr3OOBs/s1920/Screenshot%20(15).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/AVvXsEikHz8NBpTQLVQe_-evLaW5YMlq32Up9cf9-0DgX2RZoLpzLZa9v3lU2jV63irLwAGmBjDiV_c0d2p5Ku7LWvNkk6_kNRs5C_O9qpEi3Mz9BBqTuQQRR2uGw-7ZmES5X6sePzk-D4V6jhAt7LOJdmA0wSXMfV3McBYgXC5BiNkEB2m5pFrajr3OOBs/s320/Screenshot%20(15).png" width="320" /></a></div><br /><div class="separator" style="clear: both;"><br /></div></div></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div style="line-height: 19px;"><div><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_8.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;">Soal8</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_8.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><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;">Soal8</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;">Soal8</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Row</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">spaceBetween</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          ),</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          )</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb7HZsfJbeL-zQQGfVgHiCkhY80YL0SXFcxA3Lpbw37HQ6V8OdOkbLFirTpFj0HHUKKzbLjFNEA1Augt8dwTB06KRJM2Ax7b2hbFjxHL3-phyi8W5laMWxof6u15cSgLrRe2LOijsKk5mKr5GQGhYwnG88j5PF_uNJLkXh3HGjvBX4pptSPY3vrg0/s1920/Screenshot%20(16).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/AVvXsEgb7HZsfJbeL-zQQGfVgHiCkhY80YL0SXFcxA3Lpbw37HQ6V8OdOkbLFirTpFj0HHUKKzbLjFNEA1Augt8dwTB06KRJM2Ax7b2hbFjxHL3-phyi8W5laMWxof6u15cSgLrRe2LOijsKk5mKr5GQGhYwnG88j5PF_uNJLkXh3HGjvBX4pptSPY3vrg0/w640-h360/Screenshot%20(16).png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 08

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

Projek Mobile Computing Dengan Flutter ke 07

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 07</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/AVvXsEj17A1G-q4qdjQKBl0A2eue51KffmlaOR2pp-IyaqkHDD08D4YiiR05f4342xCqNexhWgbrwvyPV0EYZv4AHiqfsgGIa3iZesc4v4HX1rDUJG-gL_msLxvT67jlY60pps57CUwS9EHKkrXQvcJUTa5_mgkm01_-OLvX0sdPS_Yb9_NAn7Ms0rP5yHA/s1920/Screenshot%20(13).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/AVvXsEj17A1G-q4qdjQKBl0A2eue51KffmlaOR2pp-IyaqkHDD08D4YiiR05f4342xCqNexhWgbrwvyPV0EYZv4AHiqfsgGIa3iZesc4v4HX1rDUJG-gL_msLxvT67jlY60pps57CUwS9EHKkrXQvcJUTa5_mgkm01_-OLvX0sdPS_Yb9_NAn7Ms0rP5yHA/s320/Screenshot%20(13).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><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_7.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;">Soal7</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_7.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><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;">Soal7</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;">Soal7</span>({</div><div>    <span style="color: #b392f0;">Key</span><span style="color: #f97583;">?</span> <span style="color: #ffab70;">key</span>,</div><div>  }) <span style="color: #f97583;">:</span> <span style="color: #f97583;">super</span>(<span style="color: #ffab70;">key</span><span style="color: #f97583;">:</span> <span style="color: #ffab70;">key</span>);</div><br /><div>  <span style="color: #ffab70;">@</span>override</div><div>  <span style="color: #b392f0;">Widget</span> <span style="color: #b392f0;">build</span>(<span style="color: #b392f0;">BuildContext</span> <span style="color: #ffab70;">context</span>) {</div><div>    <span style="color: #f97583;">return</span> <span style="color: #b392f0;">Scaffold</span>(</div><div>      <span style="color: #ffab70;">appBar</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">AppBar</span>(</div><div>        <span style="color: #ffab70;">leading</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FlutterLogo</span>(),</div><div>        <span style="color: #ffab70;">title</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(<span style="color: #9ecbff;">"Text Judul"</span>),</div><div>        <span style="color: #ffab70;">centerTitle</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">false</span>,</div><div>        <span style="color: #ffab70;">actions</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">IconButton</span>(</div><div>            <span style="color: #ffab70;">onPressed</span><span style="color: #f97583;">:</span> () {</div><div>              <span style="color: #b392f0;">print</span>(<span style="color: #9ecbff;">"KLIK MORE"</span>);</div><div>            },</div><div>            <span style="color: #ffab70;">icon</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Icon</span>(<span style="color: #b392f0;">Icons</span>.more_vert),</div><div>          ),</div><div>        ],</div><div>      ),</div><div>      <span style="color: #ffab70;">body</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Row</span>(</div><div>        <span style="color: #ffab70;">mainAxisAlignment</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">MainAxisAlignment</span>.<span style="color: #79b8ff;">start</span>,</div><div>        <span style="color: #ffab70;">children</span><span style="color: #f97583;">:</span> [</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.blue,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.white,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          ),</div><div>          <span style="color: #b392f0;">SizedBox</span>(<span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">20</span>),</div><div>          <span style="color: #b392f0;">Container</span>(</div><div>            <span style="color: #ffab70;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">150</span>,</div><div>            <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.amber,</div><div>            <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Center</span>(</div><div>              <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Text</span>(</div><div>                <span style="color: #9ecbff;">"Hello"</span>,</div><div>                <span style="color: #ffab70;">style</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextStyle</span>(</div><div>                  <span style="color: #ffab70;">fontSize</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">25</span>,</div><div>                  <span style="color: #ffab70;">color</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Colors</span>.black,</div><div>                ),</div><div>              ),</div><div>            ),</div><div>          )</div><div>        ],</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Hasil Running </b></div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihijE3fGq02P9YHYADY8Yb-ThqAynVY2O0ZL8fdOVLatyNbWMZf5nPyoDUN6xPuvVa4xUFvqoBwxSvhHGCUfF1gGe3D5RtDDcc3asQx3v_-_S_fNKjX5KpQkiEi2sM5kxs0qk6FAe7Qw52xs_DdK-XlOtEY2uGpy35ssF1BjWKydw0VRn4KzNl6jk/s1920/Screenshot%20(14).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/AVvXsEihijE3fGq02P9YHYADY8Yb-ThqAynVY2O0ZL8fdOVLatyNbWMZf5nPyoDUN6xPuvVa4xUFvqoBwxSvhHGCUfF1gGe3D5RtDDcc3asQx3v_-_S_fNKjX5KpQkiEi2sM5kxs0qk6FAe7Qw52xs_DdK-XlOtEY2uGpy35ssF1BjWKydw0VRn4KzNl6jk/w640-h360/Screenshot%20(14).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><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 07

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

Projek Mobile Computing Dengan Flutter ke 06

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 06</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/AVvXsEjXHEpjZev27FIUUFFfuDlwaP0FHfowCqAyJPqZXpfDDNk2YQg8xjaFnBg_xj2_gvYSnUGgrNWE1aCIWkxEhjmdEKSIxYMrrUy4OYUoT8EAngPOpEqFQVWsqfSvUeXDkpMb0Ed_oBgehEkiOpIQm9PbCI485xqBCceoJBCS3OJLMt8c_mnXlfa-4go/s1920/Screenshot%20(11).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/AVvXsEjXHEpjZev27FIUUFFfuDlwaP0FHfowCqAyJPqZXpfDDNk2YQg8xjaFnBg_xj2_gvYSnUGgrNWE1aCIWkxEhjmdEKSIxYMrrUy4OYUoT8EAngPOpEqFQVWsqfSvUeXDkpMb0Ed_oBgehEkiOpIQm9PbCI485xqBCceoJBCS3OJLMt8c_mnXlfa-4go/s320/Screenshot%20(11).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><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_6.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;">Soal6</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_6.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><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;">Soal6</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;">Soal6</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;">Center</span>(</div><div>        <span style="color: #6a737d;">// bisa dibungkus dengan ClipOval()</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;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">250</span>,</div><div>          <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">250</span>,</div><div>          <span style="color: #ffab70;">decoration</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">BoxDecoration</span>( <span style="color: #6a737d;">// untuk mengubah tampilan container</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;">borderRadius</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">BorderRadius</span>.<span style="color: #b392f0;">circular</span>(<span style="color: #79b8ff;">250</span>),</div><div>          ),</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;">50</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><b><br /></b></div><div><b>Hasil Running </b></div><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGxEOHUIHbUVDTNlmvRBjTOakDNPnz4xbP6xPHfBlqr_5UeUNWtwqfKsp-beyejHH-g36PGXlYbQ5VJkKxrjKEWedUuGnAX31uBk1CdYiW2pOngxqEvmqURuIoU_uZO9BIyFGQGeo_0aQ4Qdrov_m8GAKnuGQt2jhDDurv9iLHshahgMccGDH0yBc/s1920/Screenshot%20(12).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/AVvXsEhGxEOHUIHbUVDTNlmvRBjTOakDNPnz4xbP6xPHfBlqr_5UeUNWtwqfKsp-beyejHH-g36PGXlYbQ5VJkKxrjKEWedUuGnAX31uBk1CdYiW2pOngxqEvmqURuIoU_uZO9BIyFGQGeo_0aQ4Qdrov_m8GAKnuGQt2jhDDurv9iLHshahgMccGDH0yBc/w640-h360/Screenshot%20(12).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><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 06

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

Projek Mobile Computing Dengan Flutter ke 05

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 05</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/AVvXsEjJ4KF9rfc0VtMLU9xvGjLQ0ERCj7PLhiPsIhTQTRvlyRKJV1SdHh3tXGLKEmMeNGmCxerNjsL40swKP_afg7mFGQPzfr8Vz-pV2fv9_ZnmkaRowohyRkm2yud1YkqseZ6svpPGb-5LXkfq_iiuTh-wzn-Hw2tc6_tmwx4b_a1h8Gn-e9pXy1ZMl1c/s1920/Screenshot%20(9).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/AVvXsEjJ4KF9rfc0VtMLU9xvGjLQ0ERCj7PLhiPsIhTQTRvlyRKJV1SdHh3tXGLKEmMeNGmCxerNjsL40swKP_afg7mFGQPzfr8Vz-pV2fv9_ZnmkaRowohyRkm2yud1YkqseZ6svpPGb-5LXkfq_iiuTh-wzn-Hw2tc6_tmwx4b_a1h8Gn-e9pXy1ZMl1c/s320/Screenshot%20(9).png" width="320" /></a></div><br /><div class="separator" style="clear: both;"><br /></div></div></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div style="line-height: 19px;"><div><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_5.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;">Soal5</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div></div></div><div><b><br /></b></div><div><b>Coding Pada file soal_5.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><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;">Soal5</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;">Soal5</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;">Center</span>(</div><div>        <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Container</span>(  <span style="color: #6a737d;">// cara membuat kotak untuk membuat konten atau isi</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;">width</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">250</span>,</div><div>          <span style="color: #ffab70;">height</span><span style="color: #f97583;">:</span> <span style="color: #79b8ff;">250</span>,</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;">50</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><b>Hasil Running </b></div><div><b><br /></b></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1ju10k8JrhsUYAwr_p97kq3qt_FpS9Y9Gjbls_OH1GgjbTDjMwHywlsUMiPi0GPG2TvhiLF4kmhUUSwZ_DG0KyDwJgywI9fYrl0NC7_KTX-_pv7ApoiTJOXbTp6XCrKAq1dRl_yI5gKmkGVvzLf_AkCwQCn7cBf7tfU3MUpPAfWGQZDYL9Ut98bM/s1920/Screenshot%20(10).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/AVvXsEj1ju10k8JrhsUYAwr_p97kq3qt_FpS9Y9Gjbls_OH1GgjbTDjMwHywlsUMiPi0GPG2TvhiLF4kmhUUSwZ_DG0KyDwJgywI9fYrl0NC7_KTX-_pv7ApoiTJOXbTp6XCrKAq1dRl_yI5gKmkGVvzLf_AkCwQCn7cBf7tfU3MUpPAfWGQZDYL9Ut98bM/w640-h360/Screenshot%20(10).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><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 05

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

Projek Mobile Computing Dengan Flutter ke 04

<h2 style="text-align: center;">Projek Mobile Computing Dengan Flutter ke 04</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/AVvXsEiXKlEPWgujzJbJsIzRgL8dVE14MQc2NZL1-4MZNSjRTBQwAmYYnfLD5xS4C0IrOO6rDNcxB29q-O2MMQhH2VJDcFeDtEH5p3o9rE1nyIJAgln_CjwzPBvFwATueUJ-84fyL5UdCALhcIgU0Cr3ulccvjbvRoTq9hMVAmKs8Fy95dKN0jUMHXmBsxg/s1920/Screenshot%20(7).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/AVvXsEiXKlEPWgujzJbJsIzRgL8dVE14MQc2NZL1-4MZNSjRTBQwAmYYnfLD5xS4C0IrOO6rDNcxB29q-O2MMQhH2VJDcFeDtEH5p3o9rE1nyIJAgln_CjwzPBvFwATueUJ-84fyL5UdCALhcIgU0Cr3ulccvjbvRoTq9hMVAmKs8Fy95dKN0jUMHXmBsxg/s320/Screenshot%20(7).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><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_4.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;">Soal4</span>(),</div><div>    );</div><div>  }</div><div>}</div></div></div><br /></div></div></div><div><b>Coding Pada file soal_4.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><div style="line-height: 19px;"><div><span style="color: #f97583;">import</span> <span style="color: #9ecbff;">'dart:math'</span>;</div><br /><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;">Soal4</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;">Soal4</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;">Center</span>(</div><div>        <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">Transform</span>.<span style="color: #b392f0;">rotate</span>(</div><div>          <span style="color: #6a737d;">// 90 derajat = pi / (180 / 90)</span></div><div>          <span style="color: #ffab70;">angle</span><span style="color: #f97583;">:</span> pi <span style="color: #f97583;">/</span> (<span style="color: #79b8ff;">180</span> <span style="color: #f97583;">/</span> <span style="color: #79b8ff;">90</span>),</div><div>          <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <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>        ),</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div></div><div><br /></div><div><b>Hasil Running </b></div><div><b><br /></b></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3bEBP7RUtyyb-o1NqMmuT5zcYIZMKkuGqLHbWRfjEh8rO2VjSRLcPaVwIivkoBmxXmM_l_1X9mzw_c9SO-vOYQn2z1Qb-hE7UTV-jQWxaj6XW7uoMxXuR4v_4qtc7fd-zh3GRQdGWcTiU7s-_5e9SgmRUIgLdMRCQTLm--wh2vr0LYafxRmSt6c/s1920/Screenshot%20(8).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/AVvXsEhH3bEBP7RUtyyb-o1NqMmuT5zcYIZMKkuGqLHbWRfjEh8rO2VjSRLcPaVwIivkoBmxXmM_l_1X9mzw_c9SO-vOYQn2z1Qb-hE7UTV-jQWxaj6XW7uoMxXuR4v_4qtc7fd-zh3GRQdGWcTiU7s-_5e9SgmRUIgLdMRCQTLm--wh2vr0LYafxRmSt6c/w640-h360/Screenshot%20(8).png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 04

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

Projek Mobile Computing Dengan Flutter ke 03

<h2 style="text-align: center;"> Projek Mobile Computing Dengan Flutter ke 03</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/AVvXsEjhqnBKn1ubd7YWJvni0TkuZIKOjdb5SJh51pgXrjV0snwQpZ0bczv6owJMEAV4b0IK9VH6y7TdoxuEYKv0Lttlhkuz-WYdG5bX7XtlClxHWgEHZP_1CqKQDoterai6QvpCM_ijQedDbyJ4AlJj8Le_paeGb7rVEPlmVqvJI6yc6pp318ofHseBatg/s1920/Screenshot%20(5).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/AVvXsEjhqnBKn1ubd7YWJvni0TkuZIKOjdb5SJh51pgXrjV0snwQpZ0bczv6owJMEAV4b0IK9VH6y7TdoxuEYKv0Lttlhkuz-WYdG5bX7XtlClxHWgEHZP_1CqKQDoterai6QvpCM_ijQedDbyJ4AlJj8Le_paeGb7rVEPlmVqvJI6yc6pp318ofHseBatg/s320/Screenshot%20(5).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><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_3.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;">Soal3</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div><div><b>Coding Pada file soal_3.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><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;">Soal3</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;">Soal3</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;">Center</span>(</div><div>        <span style="color: #ffab70;">child</span><span style="color: #f97583;">:</span> <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>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div></div></div><div><br /></div><div><b>Hasil Running </b></div><div><b><br /></b></div><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoQpAJF3abk6XX7lvdPDa-nNCLWZ7CnK3U11j8Pm7SEpA86q-_1Zpc_4f00lyzgyKEwWlEAyOvt8wFmd-oKH-KrPDN0hngjBFO2ZpfO9yZ1Nmyio5b738_Tm9BI1wLiQrOmuS11CBa457UZED_xMbCA758UF0Jp8xWpn-Ulhi0wwVqAUux9TqeMEs/s1920/Screenshot%20(6).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/AVvXsEgoQpAJF3abk6XX7lvdPDa-nNCLWZ7CnK3U11j8Pm7SEpA86q-_1Zpc_4f00lyzgyKEwWlEAyOvt8wFmd-oKH-KrPDN0hngjBFO2ZpfO9yZ1Nmyio5b738_Tm9BI1wLiQrOmuS11CBa457UZED_xMbCA758UF0Jp8xWpn-Ulhi0wwVqAUux9TqeMEs/w640-h360/Screenshot%20(6).png" width="640" /></a></div><br /><b><br /></b></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 03

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

Projek Mobile Computing Dengan Flutter ke 02

<p> </p><h2 style="text-align: center;"> Projek Mobile Computing Dengan Flutter ke 02</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/AVvXsEgQLiXFTrtYHiIjZVoS3gjAmeQaM-XHnu_5R-VrmQTngXzlKR_dZJVCUESrBn02s9GAgDJzs8S8IPUxtmj-TYsAsAkxzY_SNJLABh2xLs1YdUQldmNXiKQoqFomuSv6GombmqYRP88IQ1Tc2A6SW7Ngo74CPjlQLInPsQA-IZBlRQNSArhSkfbyEEg/s1920/Screenshot%20(3).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/AVvXsEgQLiXFTrtYHiIjZVoS3gjAmeQaM-XHnu_5R-VrmQTngXzlKR_dZJVCUESrBn02s9GAgDJzs8S8IPUxtmj-TYsAsAkxzY_SNJLABh2xLs1YdUQldmNXiKQoqFomuSv6GombmqYRP88IQ1Tc2A6SW7Ngo74CPjlQLInPsQA-IZBlRQNSArhSkfbyEEg/s320/Screenshot%20(3).png" width="320" /></a></div><br /><div class="separator" style="clear: both;"><br /></div></div></div></div><div><b>Coding Pada file main.dart</b></div><div><br /></div><div><div style="background-color: #24292e; color: #e1e4e8; font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><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_2.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;">Soal2</span>(),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div><div><br /></div><div><b>Coding Pada file soal_2.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><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;">Soal2</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;">Soal2</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;">"soal 2"</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;">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 World"</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;">50</span>,</div><div>            <span style="color: #ffab70;">fontStyle</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FontStyle</span>.<span style="color: #79b8ff;">italic</span>,</div><div>            <span style="color: #ffab70;">decoration</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">TextDecoration</span>.underline,</div><div>            <span style="color: #ffab70;">fontWeight</span><span style="color: #f97583;">:</span> <span style="color: #b392f0;">FontWeight</span>.bold,</div><div>          ),</div><div>        ),</div><div>      ),</div><div>    );</div><div>  }</div><div>}</div><br /></div></div><div><br /></div><div><b>Hasil Running </b></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/AVvXsEhh30zFInkL6COvp1tO0zqCJGRdjO-eGgdYO-E0r7cGQpnKo_fl-8Qgq4EqIqKaPXpiOTNkOW9uvqo4IxLDEEFQGlapkQHx4kWRM38ivf1WQK68QJ1sCTF0_hUsAU6pCC4VfieBGrbaKlYBnd9xC97uvUIRfWbqjf84SWB51Mr501Xxpn9N2QCekN0/s1920/Screenshot%20(4).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/AVvXsEhh30zFInkL6COvp1tO0zqCJGRdjO-eGgdYO-E0r7cGQpnKo_fl-8Qgq4EqIqKaPXpiOTNkOW9uvqo4IxLDEEFQGlapkQHx4kWRM38ivf1WQK68QJ1sCTF0_hUsAU6pCC4VfieBGrbaKlYBnd9xC97uvUIRfWbqjf84SWB51Mr501Xxpn9N2QCekN0/w640-h360/Screenshot%20(4).png" width="640" /></a></div><br /><div><br /></div><div><br /></div><div><br /></div>

Projek Mobile Computing Dengan Flutter ke 02

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