Jadi saya menambahkan file dalam flutter dan juga menambahkannya dengan benar di bawah aset di file pubspec.yaml, namanya juga benar dan tidak memberi saya kesalahan apa pun tetapi gambar masih tidak muncul. Saya menambahkan beberapa gambar lain di layar lain dan tampaknya berfungsi dengan baik. Logo.png juga ditampilkan di layar lain tanpa masalah tetapi tidak di layar ini. Pada dasarnya kode membuat dua bidang input dan tombol untuk layar register dan di bawahnya 3 gelembung dengan ikon facebook, ikon google dan ikon twitter. Itu juga harus memiliki logo aplikasi di atas bidang input tetapi tidak ada yang ditampilkan.

Pertanyaan lain yang ingin saya tanyakan adalah bagaimana saya mengubah warna latar belakang menjadi hitam di layar seperti ini? Apakah saya membungkus wadah dengan perancah?


class RegisterScreenMain extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Scaffold(
        body: Body(),
      ),
    );
  }
}

class Body extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Size size = MediaQuery.of(context).size;
    return Column(children: <Widget>[
      Text(
        "Sign Up",
        style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
      ),
      Image.asset(
        "lib/assets/images/logo.png",
        height: size.height * 0.35,
      ),
      RoundedInputField(
        hintText: "Your Email",
        onChanged: (value) {},
      ),
      RoundedPasswordField(
        onChanged: (value) {},
      ),
      roundedButton(
        text: "Register",
        press: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) {
              return UserRegisterPreferences();
            }),
          );
        },
      ),
      AlreadyHaveAnAccountCheck(
        login: false,
        press: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) {
              return LoginScreenMain();
            }),
          );
        },
      ),
      OrDivider(),
      Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          SocialIcon(
            iconSrc: "lib/assets/images/facebook.png",
            press: () {},
          ),
          SocialIcon(
            iconSrc: "lib/assets/images/twittter.png",
            press: () {},
          ),
          SocialIcon(
            iconSrc: "lib/assets/images/google.png",
            press: () {},
          ),
        ],
      )
    ]);
  }
}

0
Dimitris Konstantinou 15 Juni 2021, 22:48

2 jawaban

Jawaban Terbaik
  1. Untuk memuat gambar

Hentikan aplikasi debugging -> jalankan flutter clean -> jalankan flutter pub get -> uninstall aplikasi -> Mulai debug lagi

  1. Tambahkan baris berikut ke widget perancah Anda-

    backgroundColor: Warna.merah,

1
Prabhanshu Tiwari 16 Juni 2021, 04:04

Jawaban Prabanshu benar untuk masalah Anda. Tetapi untuk bagian terakhir dari masalah Anda, di mana Anda bertanya bagaimana mengubah warna latar belakang menjadi hitam, cobalah untuk membungkus kolom widget tubuh kustom Anda dalam perancah. Kemudian Anda akan dapat mengubah warna latar belakang. Ini akan berhasil

  class RegisterScreenMain extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: Scaffold(
            body: Body(),
          ),
        );
      }
    }
    
    class Body extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        Size size = MediaQuery.of(context).size;
        return Scaffold(
          body: Column(children: <Widget>[
          Text(
            "Sign Up",
            style: TextStyle(fontWeight: FontWeight.bold, color: Colors.white),
          ),
          Image.asset(
            "lib/assets/images/logo.png",
            height: size.height * 0.35,
          ),
          RoundedInputField(
            hintText: "Your Email",
            onChanged: (value) {},
          ),
          RoundedPasswordField(
            onChanged: (value) {},
          ),
          roundedButton(
            text: "Register",
            press: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) {
                  return UserRegisterPreferences();
                }),
              );
            },
          ),
          AlreadyHaveAnAccountCheck(
            login: false,
            press: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (context) {
                  return LoginScreenMain();
                }),
              );
            },
          ),
          OrDivider(),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              SocialIcon(
                iconSrc: "lib/assets/images/facebook.png",
                press: () {},
              ),
              SocialIcon(
                iconSrc: "lib/assets/images/twittter.png",
                press: () {},
              ),
              SocialIcon(
                iconSrc: "lib/assets/images/google.png",
                press: () {},
              ),
            ],
          )
        ]);
      backgroundColor: Colors.black,
        )
      }
    }
1
Kavindu_Katuwandeniya 15 Juni 2021, 21:57