1

フラッターアプリのウィジェットについては少し初心者で、カードにデザインを作成しようとしていますが、それは不可能です。助けていただければ幸いです。

これは私のカード用ウィジェットです (リストビューを使用しています)。

Widget _cardSermon(BuildContext context, Data data) {
return Card(
  elevation: 3,
  margin: EdgeInsets.symmetric(vertical: 7), 
  child: ListTile(
    dense: true,
    leading: data.image != null ? Image.network("https://docs.google.com/uc?export=view&id="+data.image, height: 250, fit: BoxFit.fill) : Image.asset("assets/images/700_x_350.jpg"),
    title: new Text(
      data.title,
      style: new TextStyle(fontSize: 15.0, fontWeight: FontWeight.bold),
    ),
    subtitle: new Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          new Text(data.location,
              style: new TextStyle(
                  fontSize: 14.0, fontWeight: FontWeight.normal)),
          new Text('Population: ${data.date}',
              style: new TextStyle(
                  fontSize: 12.0, fontWeight: FontWeight.normal)),
        ]),
    onTap: () {
      print("taped");
    },
  )
);

だからこれは私の結果です:

カード

それほど悪くはありませんが、これは私が期待したものではありません。たとえば、必要のない画像にマージンがあり、タイトルとテキストの間にマージンを追加できません。

これは私が本当に欲しいものです:

ここに画像の説明を入力

あなたが私を助けてくれること、またはいくつかの近似的なデザインを提供してくれることを本当に願っています.

4

2 に答える 2