как сделать красивую плитку на флаттере?

Question

мои друзья...

могу ли я получить код этого во флаттере?

У меня больше нет объяснений.

принеси мне код прямо сейчас!!

Я так новичок в флаттере, помогите мне, пожалуйста.

Container(
          padding: EdgeInsets.fromLTRB(10, 10, 10, 0),
          height: 220,
          width: double.maxFinite,
          child: Card(
            elevation: 5,
            child: Stack(
              children: <Widget>[
                Image(
                  image: AssetImage("assets/images/background.png"),
                  color: Colors.black45,
                  colorBlendMode: BlendMode.darken,
                  width: MediaQuery.of(context).size.width,
                  height: MediaQuery.of(context).size.height,
                  fit: BoxFit.cover,
                ),
                Container(
                  
                  color: Colors.white,
                  child: Text('sdf'),
                )
              ],
            ),
          ),
        ),

пока что это мой прогресс.

Answer 1

Вы можете использовать приведенный ниже код и улучшить его в соответствии с вашими потребностями. спасибо, надеюсь, это поможет

Container(
padding: EdgeInsets.fromLTRB(10, 10, 10, 10),
height: 220,
width: 300,
child: Card(
  elevation: 5,
  child: Column(
    children: <Widget>[
      Image(
        image: NetworkImage(
            "https://i.pinimg.com/236x/11/dc/43/11dc43c418eda8a1a7b74833be82ba64.jpg"),
        color: Colors.black45,
        colorBlendMode: BlendMode.darken,
        width: double.maxFinite,
        height: 110,
        fit: BoxFit.cover,
      ),
      Container(
        padding: EdgeInsets.only(left: 10, right: 10),
        color: Colors.white,
        child: Column(
            //      crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [Text("hello"), Text("hello")]),
              SizedBox(height: 10),
              Row(mainAxisAlignment: MainAxisAlignment.start, children: [
                Text("hello"),
                SizedBox(width: 3),
                Text("hello")
              ]),
              SizedBox(height: 10),
              Row(mainAxisAlignment: MainAxisAlignment.start, children: [
                Text("hello"),
                SizedBox(width: 3),
                Text("hello")
              ]),
              SizedBox(height: 10),
            ]),
      )
    ],
  ),
),

);