相关疑难解决方法(0)

flutter divider:我如何在代码中的每一行之间添加分隔符?

你能帮帮我怎样才能添加divider列表?我使用flatter for android我想在每一行之间添加divider我想要将分隔符着色并添加样式添加也试试new divider();但我有错误并且还试过return new divider();

在此输入图像描述

这是我的应用程序的屏幕截图,你看到上面,这是我的代码,你在下面看到;

import 'package:flutter/material.dart';
import 'package:flutter/foundation.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
          primarySwatch: Colors.purple,

          buttonTheme: const ButtonThemeData(
            textTheme: ButtonTextTheme.primary,
          )
      ),
      home: const MyHomePage(),
    );
  }
}

class Kitten {
  const Kitten({this.name, this.description, this.age, this.imageurl});

  final String name;
  final String description;
  final int age;
  final String imageurl;
}

final List<Kitten> _kittens = <Kitten>[
  Kitten(
      name: "kitchen",
      description: …
Run Code Online (Sandbox Code Playgroud)

android flutter

19
推荐指数
7
解决办法
2万
查看次数

Flutter - 列出图块或卡片分隔符

我正在从 Firestore 数据库构建列表视图。我最初想通过 ListTiles 分隔我的项目,因为我知道它们可以做分隔符,但是我没有从瓷砖中获得我想要的高度,所以我转向了透明卡片。

问题是我无法弄清楚如何在每张卡片后添加分隔符或分隔符。

到目前为止,这是我的代码

Widget build(BuildContext context) {
if (snapshot == null) return CircularProgressIndicator();
return Scaffold(
  body: ListView.builder(
          itemCount: snapshot.length,
          itemBuilder: (context, index){
            return Card(
              elevation: 0,
              color: Colors.transparent,
              child: Row(
                children: <Widget>[
                  Padding(padding: EdgeInsets.all(10.0),),
                  Column(
                    children: <Widget>[
                      Padding(padding: EdgeInsets.all(10.0),),
                      Text(snapshot[index].data["month"], style:
                        TextStyle(fontSize: 30, fontWeight: 
FontWeight.w300),),
                      Text(snapshot[index].data["day"], style:
                      TextStyle(fontSize: 20),),
                    ],
                  )
                ],
              ),
            );
          }
        ),
      );

  }
}
Run Code Online (Sandbox Code Playgroud)

想要的 在此处输入图片说明

当前的

在此处输入图片说明

我认为列表磁贴会更好地工作,但我尝试了我知道如何构建自定义列表磁贴的方法,但我无法复制结果。

dart flutter flutter-layout

2
推荐指数
1
解决办法
3467
查看次数

标签 统计

flutter ×2

android ×1

dart ×1

flutter-layout ×1