Twitter Clone App # Flutter Indonesia
Assalamu’alaikum wr. wb.
Hallo sobat flutter kembali lagi di posting saya , pada postingan kali ini saya akan mencoba mngclone atau mengcopy UI dari aplikasi sebuah media social yaitu Twitter penasaran bagaimana caranya okeh langsung saja kita mulai:
Bagi kalian udah terbiasa baca kodingan kalian bisa langsung download source code nya dibawah ini disini saya sudah tambahkan beberapa comment untuk bagian part class atau model datanya :
- Buatlah sebuah project baru dengan nama twt_clone(optional)
- Tunggu sampai proses indexing selesai setelah itu tambahkan package library intl: ^0.16.1 didalam file pubspec.yaml seperti gambar dibawah ini :
3. Kemudian didalam file main.dart kalian bisa edit seperti ini :
4. Buatlah custom thema untuk menyesuaikan temanya disini kita akan membuat 4 tema yaitu Light, Dark, Darker, 17 Agustus, kalian bisa buat file baru atau bisa lanjut dibawah nya seperti ini :
5. Kemudian buatlah Home Screen dan beberapa model data nya disini kita akan membuat 2 model data pertama model user dan kedua model tweet nya
Home Screen
Model Data User & Model Data Tweet
5. Kemudian kita buat untuk detail profilenya dengan mengetikan code berikut ini :
Profile Screen
6. Lalu kita buat juga compose screen dengan mengetikan code berikut ini :
Compose Screen
Setelah selesai coba kalian running aplikasinya maka hasilnya kurang lebih seperti gambar dibawah ini :
Sekian postingan kali ini Terima Kasih, untuk Full source code link ada di postingan ini :D
