Cardview в макете флаттера - PullRequest
Новая
       4

Cardview в макете флаттера

0 голосов
/ 08 февраля 2020

Привет, друзья! Я новичок во флаттере, я хочу, чтобы код создавал вид карты во флаттере со всеми свойствами: нравится

Ответы [ 3 ]

0 голосов
/ 08 февраля 2020

Вы можете изменять и добавлять соответствующие поля по своему усмотрению! 

return Card(
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5)),
        color: Colors.white,
        child: Row(children: [
          SizedBox(
            width: 30,
          ),
          Card(
              shape: CircleBorder(),
              color: Colors.white,
              child: Icon(Icons.account_circle, color: Colors.black, size: 50)),
          SizedBox(
            width: 30,
          ),
          Card(
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(10)),
              color: Colors.green[800],
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text('@anonymous',
                    style: TextStyle(
                        color: Colors.black, fontWeight: FontWeight.bold)),
              ))
        ]));

Screenshot

0 голосов
/ 08 февраля 2020 
Padding(
        padding: EdgeInsets.all(20),
              child: Card(
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(5)),
          elevation: 5,
          color: Colors.white,
          child: Row(children: [

            Padding(
              padding: EdgeInsets.all(10),
                          child: Card(
                  shape: CircleBorder(),
                  elevation: 10,
                  color: Colors.white,
                  child: Icon(Icons.account_circle, color: Colors.black, size: 100)),
            ),

            Padding(
              padding: EdgeInsets.all(10),
                          child: Card(
                  shape: RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(20)),
                      elevation: 10,
                  color: Colors.green[400],
                  child: Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Text('@anonymous',
                        style: TextStyle(
                            color: Colors.black, fontWeight: FontWeight.bold)),
                  )),
            )
          ])),
      )
0 голосов
/ 08 февраля 2020

См.

https://api.flutter.dev/flutter/material/Card-class.html

https://api.flutter.dev/flutter/widgets/Row-class.html

https://api.flutter.dev/flutter/material/CircleAvatar-class.html

Затем отправьте код того, что вы предприняли, если у вас остались вопросы.

...