[ENG SUB] FLUTTER 03. Text Widget | Flutter Tutorial | Learning Flutter | Flutter Indonesia

[ENG SUB] FLUTTER 03. Text Widget | Flutter Tutorial | Learning Flutter | Flutter Indonesia
===
This video tutorial will explain about Text Widget along with some of its commonly used properties. I hope this video tutorial will allow you to use Text Widget to its maximum capability, and with much more ease. I hope this video will be useful.
--
👩‍💻 [NO SUB] Join My FLUTTER ONLINE COURSE 👩‍💻
Flutix online course (a simulation application on ordering cinema tickets):
bit.ly/BWAFLUTIX
Flutix application made in the course:
play.google.com/store/apps/de...
--
🍨 SUPPORT CHANNEL ERICO DARMAWAN HANDOYO 🍨
www.paypal.me/ericodh
saweria.co/ericodh
Thank you everyone.. Best of luck in your studies..😊✊✊
- Erico Darmawan Handoyo -

[@RazaliAdam]

Duh, ini mendalam banget ya. Ibarat belajar bikin web, setiap item dibahas property html css ini sekaligus ini, ya.

[@ericodarmawan]

Iya donk.. Detil supaya paham.. Btw.. Belajarnya dari playlist Flutter Essentials dulu.. Di sana saya remake bbrp video di olaylist Fluttef Tutorial 1 yang saya anggap wajib dikuasai oleh Flutter Programmer.. Di sana saya bahas lebih lengkap dan detil.. Ada juga video yg belum dibahas di playlist Flutter Tutorial 1 juga.. Ini link video tentang Text yg di Flutter Essentials: kzbin.info/www/bejne/bHmaaH1snd93fbs

[@Fachripm_Fai]

makasih koh, penjelasannya detail dan tidak terburu2, jadi bisa sambil praktek.

[@ericodarmawan]

Iya.. Sama sama.. Btw.. Video ini ada remakenya.. Ini link nya: kzbin.info/www/bejne/bHmaaH1snd93fbs Ada beberapa video di playlist Flutter Tutorial Part 1 saya remake dan dimasukkan ke playlist Flutter Essentials.. Remake ini penjelasannya lebih detil dan ada beberapa yg saya tambahkan.. Ada meteri2 lainnya juga yg saya anggap oenting namun belum saya taruh di Flutter Tutorial Part 1.. Jadi, kalau mau belajar dari channel saya, urutannya seperti ini.. - 𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 𝐁𝐚𝐬𝐢𝐜 𝐏𝐫𝐨𝐠𝐫𝐚𝐦𝐦𝐢𝐧𝐠 𝐰𝐢𝐭𝐡 𝐃𝐚𝐫𝐭 𝐟𝐨𝐫 𝐍𝐞𝐰𝐛𝐢𝐞𝐬: Playlist ini menjelaskan seluruh pengetahuan dasar yang 𝗪𝗔𝗝𝗜𝗕 dipahami oleh programmer apa pun. Materi diberikan dengan menggunakan bahasa pemrograman Dart. Playlist ini juga me-remake beberapa video awal playlist PBO Dart agar semakin jelas dan detail. - 𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 𝐏𝐞𝐦𝐫𝐨𝐠𝐫𝐚𝐦𝐚𝐧 𝐁𝐞𝐫𝐨𝐫𝐢𝐞𝐧𝐭𝐚𝐬𝐢 𝐎𝐛𝐣𝐞𝐤 𝐃𝐚𝐫𝐭: Playlist ini menjelaskan konsep PBO yang merupakan salah satu konsep yang 𝗦𝗨𝗣𝗘𝗥 𝗪𝗔𝗝𝗜𝗕 dipahami oleh programmer bidang apa pun. Banyak yang kesulitan belajar Flutter bukan karena Flutternya yang susah, tapi mereka tidak/kurang paham akan konsep PBO ini. Konsep ini saya jelaskan dalam bahasa Dart. - 𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 𝐅𝐥𝐮𝐭𝐭𝐞𝐫 𝐄𝐬𝐬𝐞𝐧𝐭𝐢𝐚𝐥𝐬: Playlist ini berisi materi-materi Flutter dasar yang wajib dimengerti oleh programmer Flutter. Playlist ini merupakan remake dari beberapa video di playlist Flutter Tutorial (Fundamental) Part 1 dan juga tambahan video-video yang saya anggap sangat penting untuk dipelajari. Materi yang dibahas di sini juga lebih detail dibandingkan dari Flutter Tutorial Part 1. - 𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 𝐅𝐥𝐮𝐭𝐭𝐞𝐫 𝐓𝐮𝐭𝐨𝐫𝐢𝐚𝐥 (𝐅𝐮𝐧𝐝𝐚𝐦𝐞𝐧𝐭𝐚𝐥𝐬) 𝐏𝐚𝐫𝐭 𝟏 (untuk yg belum sempat saya remake tetap lanjutkan belajarnya di sini). - 𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 𝐅𝐥𝐮𝐭𝐭𝐞𝐫 𝐓𝐮𝐭𝐨𝐫𝐢𝐚𝐥 (𝐅𝐮𝐧𝐝𝐚𝐦𝐞𝐧𝐭𝐚𝐥𝐬) 𝐏𝐚𝐫𝐭 𝟐. Karena ini playlist yg masih on going/ berjalan, jadi video2 nya relatif lebih baru dan up to date. Jadi tidak saya remake. Langsung lanjut belajar aja dari sini. Kalau sudah belajar dasar2nya dan mau belajar yg lebih 𝗮𝗱𝘃𝗮𝗻𝗰𝗲 𝗱𝗴𝗻 𝘀𝘁𝘂𝗱𝗶 𝗸𝗮𝘀𝘂𝘀, ada 𝗼𝗻𝗹𝗶𝗻𝗲 𝗰𝗼𝘂𝗿𝘀𝗲 𝘀𝗮𝘆𝗮 𝗱𝗶 𝗨𝗱𝗲𝗺𝘆. Ini link nya s.id/flixid . Tapi, online course ini level intermediate. Bukan utk yg baru belajar ya. Jadi, kalau tujuannya mau belajar ke online course ini, bisa belajar dari playlist prasyarat FlixId ini aja. Sudah saya pilihkan yg yg penting2nya dan akan digunakan di dalam kelas online FlixID: kzbin.info/aero/PLZQbl9Jhl-VALHI5d-KcsUbhbFt51qcfo&si=WpLwtQ8pguCcSs7w

[@sudahmalam1]

gila ga ini,... kursus gratisan,... Thanks bang Erico

[@lonelyhaseo143]

thank you bgt gans udh dibuattin tutorial flutter versi indonesia. izin keliling tutorial flutternya dlu yaa

[@valdistevanus2222]

Tutorialnya beneran ga berasa kalo udah 1/2 jalan. Enak banget diikutin

[@ericodarmawan]

Haha.. Syukur deh klo bisa dipahami dan menarik.. Btw.. Untuk beberapa video awal Flutter Tutorial (Fundamentals) Part 1 ini sudah ada beberapa yang saya remake.. Saya terangkan lagi dengan lebih detil dan terperinci.. Penjelasan di awal2 seperti video aplikasi pertamaku juga saya jelaskan dengan lebih detil dibandingkan di playlist yg ini.. Untuk video-video remakenya, bisa dilihat di playlist Flutter Essentials.. Semoga lebih menambah semangat ya.. 😊 Oh iya.. Kalau tidak keberatan, tolong bantu share juga ke temen2 yang lainnya ya.. Supaya video2 yg saya buat ini dapat memberikan manfaat utk lebih banyak orang.. Terima kasih.. 😊

[@rdptv474]

Penjelasannya sangat jelas dan terstruktur, terimakasih mas

[@BPSProvinsiNTB]

Terimakasih tutorialnya, bermanfaat

[@dacostaadneldo6964]

Makasih Banyak Pak, Sehat selalu

[@ericodarmawan]

Amiiin.. Makasih ya doanya.. Iya.. Sama sama.. Untuk video ini, bisa pelajari juga di playlist Flutter Essentials.. Di sana saya remake bbrp video dari Flutter Tutorial Part 1 dan saya jelaskan dengan lebih detil..

[@drabbyboy3327]

Mantap bang terima kasih banyak, akhirnya nemu tutorial flutter yang detail banget

[@ericodarmawan]

Makasih ya.. Bagus deh kalau bermanfaat.. 😊

[@gilragil489]

Terimakasih kak sangat bermanfaat dan mudah di pahami

[@lukmanloba]

bermanfaat gan, semoga rajin update terus :)

[@rafinurromadhon6905]

Thank you Pak Erico sehat selalu

[@imronwahyudin]

Thanks...👍👍

[@adhy612000151]

makasih bang buat setiap step by step nya... keren!!!

[@ericodarmawan]

Sama sama.. Semangat ya.. 😊✊🏻✊🏻

[@lukmanhadi1768]

Terimaakasih pak erico sehat selalu

[@ericodarmawan]

Amiiiin.. Terima kasih ya untuk doanya.. 😊

[@andriyfm]

mantul mantul

[@djokopudyanto1979]

Makasih Pak ... akhirnya dapat tutorial yang lengkap...

[@ericodarmawan]

Sama-sama.. Semangat ya.. 😊✊🏻✊🏻

[@imadeekosatriawiguna6252]

Keren 👍

[@lpkalamincourse]

sangat bermanfaat

[@ahmadnurrizal225]

mantapp

[@brasta1610]

Terima kasih mas sangat bermanfaat videonya, semangat terus

[@ericodarmawan]

Iya.. Sama2.. Terima kasih ya utk dukungannya.. Semangat juga ya.. 😊✊🏻✊🏻

[@dhoribmd2264]

Mantap

[@ariefcholik5497]

Pak dosen banyak rejeki ya ilmunya bermanfaat

[@ericodarmawan]

Amiiiin.. Makasih ya.. 😊

[@mnailannabil1425]

6:32 Spilethife lux pak 🤣🤣😂🤣😂😂. Root nya g ada obat. Cantik nya juga g ada obat 😅😂🤣

[@ericodarmawan]

Matanya jeli amat.. 😁

[@withIn40]

bang, default setting snippet vs codenya apa ya? punya saya code snippetsnya lambat soalnya

[@saifulu]

mantap , saya yang bukan orang IT bisa menerima dengan baik

[@ericodarmawan]

Jangan lupa pelajari juga PBO Dart nya ya.. Sebelum masuk ke Flutter Tutorialnya.. Supaya bener2 paham basic nya.. Semangat! 😊✊🏻✊🏻

[@saifulu]

@@ericodarmawan oke terimakasih petunjuknya

[@PamudasanTutorial]

Mirip HTML dan CSS ya Pak...

[@wisnuadiputra1258]

semoga sehat selalu pak, saya pakai nox, setiap mau debug, si visual code selalu intalll ulang apk yang ada di nox, supaya real time emulator androidnya pakai apa ya pak..?

[@ilhamarief6932]

Akhirnya ketemu tutorial yang lengkap

[@ericodarmawan]

Keren kaaaaan..? 😎

[@ilhamarief6932]

@@ericodarmawan Sangat keren mas , Semoga ilmunya berkah 🙏

[@ericodarmawan]

@@ilhamarief6932 amiiiin..

[@cindypatricia1262]

overview tentang text widget

[@ericodarmawan]

Maksudnya gimana ya?

[@felikssraube3989]

masih lanjut

[@helmideniarkristanto1657]

Pak mau tanya kalo pas mau format document tulisannya dibawah itu Extension 'Prettier - Code formatter' cannot format 'lib\main.dart' kenapa ya pak, terimakasih

[@enricoantonio3282]

Terima kasih pak atas materi yang diberikan, sangat bermanfaat bagi saya yang baru belajar flutter. tapi saya ada pertanyaan pak, apakah di android studio ada fitur refactor vs code agar kita gampang untuk me-wrap code kita dengan cepat ?

[@ericodarmawan]

Ada sih seinget saya.. Saya juga lupa.. Saya pakainya VS Code sih selama ini.. Coba tanya di group aja ya.. beacons.ai/ericodarmawan

[@r.aldienprayoga5479]

Undefined name 'style'. Try correcting the name to one that is defined, or defining the name , itu kenapa ya bang pliss help jadi gabisa ngubah font sama ukuran tulisan

[@tagreligi7231]

Manfaat Gan,,Sukses Trus.. boleh nanya , kalo kita mau ganti fontnya sama font kekinian gimana gan,,..?

[@ericodarmawan]

Nonton video berikutnya tentang Text Style..

[@izzanimationstudio]

Halo bang punya saya hasilnya tidak menampilkan di emulator ya? saya menggunakan emulator Android Lollipop / 5.0 . hanya menampilkan biru putih tanpa text sama sekali

[@whatGoodisLife]

pak tanda ),), dan )), dlm contoh di bawah ini klo dituker gak ada pengaruh apa2 ya soalnya saya coba hasilnya tetap sama. appBar: AppBar(title: Text("Aplikasi Hello World"),), body: Center(child: Text("Hello World")),

[@RizalAbulFata]

diakhiri tanda koma, biasanya jika nanti akan menambah suatu properti tambahan setelah properti yang di set sebelumnya.

[@bayusamara]

Terima kasih banyak tutorialnya pak, untuk memilih warna apakah bisa memasukkan kode warnanya pak ? (maksudnya Hex Color Codes)

[@ericodarmawan]

Bisa Color(0xAARRGGBB)

[@bayusamara]

@@ericodarmawan wah iya bisa, terima kasih pak..

[@apisaga]

Pak itu di menit 4:12 biar bisa dapat rekomendasi kayak gitu pencet apa, saya diemin gk dpt dpt.

[@mokosandev07]

sip gan boleh minta setting ext vscodenya .. ijin subcribe lanjut terus gan

[@ericodarmawan]

Ada di playlist ME.TALK saya.. Video yg nomor 2..

[@mokosandev07]

@@ericodarmawan thaks gan

[@zaelanimuhammad3541]

bisa gk height/width nya mengikuti isi kontennya? jadi tidak manual di beri nilai. seperti wrap content/match parent di AS

[@ericodarmawan]

Coba liat video saya yg berjudul MediaQuery

[@rj4cam706]

7:50 biar muncul pilihan begitu ditombol apa?

[@hilmanraz]

om saya waktu create emulator ada error ini No suitable Android AVD system images are available. You may need to install these using sdkmanager, for example: sdkmanager "system-images;android-27;google_apis_playstore;x86" harus gmn ya

[@hilmanraz]

ini sudah beres om, tapi setelah emulator muncul dia ga mau ngebuka flutter apps test nya

[@hilmanraz]

ini emulatornya pakai yang di android studio bukan om? spek kentang ada saran emulator?

[@ericodarmawan]

Pakai device asli aja lgsg..

[@maulaabi4945]

Bagimana cara memunculkan properti apa aja yang ada dan dapat digunakan di dalam sebuah class tanpa ngetik terlebih dahulu, seperti di menit 4:13?

[@fajrichan8760]

CTRL + spasi

[@muhammadbastian2316]

izin nanya pak, menit 10.18 itu bisa pop up list widget sendiri (color, bacground color, debug label, dll) pencet apa ya??

[@ericodarmawan]

CTRL + spasi maksudnya?

[@hamonangansitorus5761]

@@ericodarmawan dari tadi nyoba mincit2 tombol, ternyata CTRL + Spasi wkwkw

[@sanprisoalmia159]

visual code saya tidak menanpilkan flutter nya

[@aydanibrahim4849]

Pak ada versi text artikel atau tutorial blog nya gk ?

[@ericodarmawan]

Ada banyak video saya yg menjelaskan tentang BLoC.. Dicari saja dan diikuti dari awal.. Jangan lompat2, nanti ga ngerti..

[@hasimasari2438]

aplikasi yang di pakai buat liat hasil codingnya itu aplikasi apa yah klo boleh tau? saya pencet f5 di visual studio codenya hasilnya di tampilkan di chrome

[@ericodarmawan]

Saya pakai device asli.. Ditampilkan ke layar pakai APowerMirror..

[@hasimasari2438]

Thanks pak sudah meluangkan waktu untuk menjawab

[@muhammadrizkyfadliaulia8083]

pak kalo mau liat apa aja yang bisa dipake didalam container atau text itu pencet apa yaa? contohnya kaya pas pilih maxLines

[@ericodarmawan]

CTRL + spasi maksudnya?

[@muhammadrizkyfadliaulia8083]

@@ericodarmawan iyaa pak itu, terima kasih pak

[@adisaputrait6849]

Extension apa buat output kayak hp itu pak?

[@ericodarmawan]

Maksudnya?

[@muhammadraqwankauthar3395]

mas kalo runnya tanpa emulator gimana ya mas, supaya bisa langsung lihat di hp sendiri

[@ericodarmawan]

Developer Mode dan USB Debugging di HP nya dinyalain.. Coba liat di Google caranya sesuai dgn merk dan tipe HP nya.. Pasti banyak yg nunjukkin..

[@lufthazka]

mau tanya pak klo hp disambungin ke laptop terus menerus buat nampilin aplikasinya kan kesedot tuh batre laptopnya. ada dampaknya gk ya buat kesehatan batre laptopnya hehe

[@ericodarmawan]

Ngga.. Itu ya sama aja kita nyolokin USB ke laptop aja.. Klo ga berani, bisa lewat wifi juga utk debuggingnya.. Konekin dgn wifi yg sama..

[@lufthazka]

@@ericodarmawan klo pake wifi gk kedeteksi sama vscode nya gimana ya. Soalnya kalo pake usb suka panas laptopnya

[@abilhakim_]

Pak untuk extension vscode yang dipakai apa saja?

[@ericodarmawan]

Saat ini yg saya pakai sih: 1. Better Comments 2. dart-import 3. Material Icon Theme 4. Pubspec Assist

[@abilhakim_]

@@ericodarmawan Wokehh Pak, thanks info nya🙏

[@syahrulramadhan1148]

bang kok punya saya udah di save dan klik tanda petir kecil itu ga berubah ya tampilannya?

[@ericodarmawan]

Ada yg error ngga? Device nya terputus ngga? Harusnya langsung berubah koq begitu di-save..

[@amasparera5516]

Apa bedanya( color.red dan colors.red ) saya coba tidak ada perubahan. Tetapi saya melihat bapak hanya menggunakan colors?? Terimakasih

[@ericodarmawan]

Tidak ada Color.red.. Adanya Colors.red..

[@legendgamming1418]

ekstensi apa saja yang perlu di instal di vs code untuk mempermudah dalam pengkodingan terima kasih pak.

[@ericodarmawan]

Ada di video playlist me talk nomor 2

[@legendgamming1418]

Apakah ada course belajar yg bapak sediakan..?

[@ericodarmawan]

@@legendgamming1418 maksudnya?

[@legendgamming1418]

Kelas belajar mksdnya pak

[@ericodarmawan]

@@legendgamming1418 Kelas online (seperti udemy) sedang dibuat.. Tapi itu pun merupakan implementasi dari apa yg sudah saya ajarkan di KZbin ke dalam studi kasus. Jadi, materi di KZbin tetep WAJIB dikuasai.. Kalau utk group/komunitas belajar.. Ada group FB.. Silahkan lihat di beacons.ai/ericodarmawan

[@yeniandaria8771]

Kenapa ya saat di klik kanan tidak ada pilihan refector nya?

[@chu1452]

saya juga waktu itu sempat bgitu, kalau gasalah coba tekan ctrl+. (titik), pastikan cursor mouse ada di widget yg ingin di refractor, kalau masih gabisa, update aja flutter dan dartnya

[@animalposter]

kenapa pakaivs code? dan kenapa gk pakai android studio

[@ericodarmawan]

Lebi ringan.. Cepet bukanya.. Lebih simple layout IDE nya.. Ngga rujit.. Banyak extension aneh2nya yg mempermudah hidup yg sudah sulit ini.. Itu klo menurut saya sih (opini pribadi).. 😁

[@mabdazizalfian715]

Pak, itu cara bisa nampilin property list nya gmn ya? Misal saya coba ketik appBar: tp ga muncul snippet property list nya. apakah harus pake plugin tambahan?

[@ericodarmawan]

CTRL + spasi?

[@mabdazizalfian715]

@@ericodarmawan Trims pak, sudah bisa muncul pake CTRL + Spasi. hehe..

[@wahyuprayogo5837]

color: Colors.white, kenapanya pak harus memanggil color 2 kali ? pingin gini " color : white " tapi enggak bisa

[@ericodarmawan]

Pelajari dulu PBO Dart nya sebelum masuk ke Flutter Tutorial.. Itu bukan nulis 2x.. Di sini ada penjelasannya.. kzbin.info/www/bejne/jnStonati5WAl9E kzbin.info/www/bejne/nJrLnqqld92Kepo

[@adengsolihin2419]

Bang, ko punya saya ketika mau refactor ada message "no refactorings available" ?

[@ericodarmawan]

Coba screenshot, tanyakan di grup FB Flutter Indonesia.. Mgkn ada temen2 komunitas di sana yg pernah mengalami hal serupa

[@adengsolihin2419]

@@ericodarmawan siap bang sudah . Sedang menunggu respon

[@hilmiarbani3846]

Om mau tanya, itu tadi kan container biru nya kekecilan, sehingga text nya yang besar hanya terlihat sebagian.... Jadi pertanyaan saya bisakah size container secara otomatis mengikuti widget didalam nya tanpa harus kita ubah size nya seperti om lakukan di atas menjadi size sekian... Terimakasih om

[@ericodarmawan]

Bisa.. Ga usah dikasih width dan height.. Kalau mau ada jarak dgn text di dalamnya, kasih padding di Container nya.. Coba nanti diulik2 dulu Containernya di video nomor 5 supaya lebih paham menggunakan nya.. Ok? Semangat.. 😊✊🏻✊🏻

[@hilmiarbani3846]

@@ericodarmawanom mau tanya juga, child dan children dipakai ketika apa? Saya masih bingung tentang penggunaan child dan children

[@ericodarmawan]

@@hilmiarbani3846 child dan children itu hanya nama parameter di constructor classnya.. Jangan dijadikan patokan.. Krn blom tentu selalu sama artinya.. Harus dilihat di dokumentasi/tooltip parameter/constructor classnya.. Kalau dalam kasus Row/Column children (anak-anak) itu nama parameter yg dipakai utk meminta List (kumpulan) dari widget.. Kalau untuk kasus Container, child (anak) itu dipakai untuk minta 1 buah widget yang akan ditaruh di dalamnya.. Coba dipelajari juga playlist Pemrograman Berorientasi Objek Dart nya.. Supaya lebih paham ketika belajar Flutternya..

[@hilmiarbani3846]

@@ericodarmawan terimakasih sebelum nya, ada video untuk penyimpan data menggunakan firebase ga om?