Как передать данные в список карт во флаттере через конструктор? Я попробовал эти вещи, результат и желание прилагается - PullRequest
Новая
       121

Как передать данные в список карт во флаттере через конструктор? Я попробовал эти вещи, результат и желание прилагается

0 голосов
/ 11 апреля 2020

Как добиться такого формата? я действительно не понимаю, как это сделать во флаттере?

Это результат, которого я достиг до сих пор введите описание изображения здесь .

и

Это то, что я на самом деле ищу введите описание изображения здесь , где я могу добавить столько значений, сколько захочу, но в формате просмотра карты. 

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
          shrinkWrap: true,
          itemBuilder: (BuildContext context,int index) => Container(
            width: MediaQuery.of(context).size.width,
            padding: EdgeInsets.symmetric(horizontal: 10.0,vertical: 5.0),
            child: Card(
              elevation: 5.0,
              shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(0.0),
              ),
              child: Container(
                width: MediaQuery.of(context).size.width,
                padding: EdgeInsets.symmetric(horizontal: 10.0,vertical: 10.0),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Row(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Container(
                          width: 55.0,
                          height: 55.0,
                          child: CircleAvatar(
                          backgroundColor: Colors.green,
                            foregroundColor: Colors.red,
                            backgroundImage: NetworkImage("https://thechive.com/wp-content/uploads/2018/09/4a0dd2313a49cba8381ee0ba33008514.jpg?quality=85&strip=info&w=650"),
                          ),
                          ),
                        SizedBox(width: 10.0,),
                        customGroupText("abc", "10/10/2010"),
                      ],
                    ),
                    Container(
                      alignment: Alignment.center,
                      padding: EdgeInsets.symmetric(horizontal: 10.0,vertical: 10.0),
                      child: FlatButton(
                        onPressed: (){},
                        color: Colors.amber,
                        shape: RoundedRectangleBorder (
                          borderRadius: BorderRadius.circular(20.0),
                        ),
                        child: Text(
                          "Join Now", style: TextStyle(color: Colors.white),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          )
      ),
    );
  }
}

И это класс, в котором я сделаю свой конструктор. 

class customGroupText extends StatelessWidget {
  String names;
  String datess;
  customGroupText(this.names,this.datess);
  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Text(
            names,
            style: TextStyle(color: Colors.black, fontSize: 18.0, fontWeight: FontWeight.bold)),
        Text(
            datess,
            style: TextStyle(color: Colors.grey,)),
      ],
    );
  }
}

1 Ответ

0 голосов
/ 11 апреля 2020

Это легко сделать с помощью плитки 

Card(
  child: ListTile(
    leading: Icon(Icons.android),
    title: Text('My title'),
    subtitle: Text('my sub title'),
    trailing: IconButton(
      icon: Icon(Icons.print),
      onPressed: () {},
    ),
  ),
);

enter image description here

Кстати, спасибо за пометку ответов на ваши вопросы в качестве ответов !!!!

...