确保你的Flutter环境没有问题,且代码中没有其他潜在错误影响VerticalDivider的显示。可以尝试在简单的示例中单独使用VerticalDivider来验证其是否正常工作。 使用IntrinsicHeight或SizedBox: 在某些情况下,VerticalDivider需要明确的尺寸信息才能正确显示。你可以尝试使用IntrinsicHeight或SizedBox来包裹包含VerticalDivider的Widget,以...
原因 需要给VerticalDivider一个高度才会显示用Sizebox可以实现,不过最好用IntrinsicHeight。 解决办法1: IntrinsicHeight( child: Row( children: <Widget>[ Text('420 Posts', style: TextStyle(color: Color(0xff666666)),), VerticalDivider( thickness: 2, width: 20, color: Colors.black, ), Text('420 P...
除了默认的AlignStart,我们还可以设置mainAxisAlignment为AlignEnd,这样就可以在列表项的末尾添加垂直Divider;也可以设置mainAxisAlignment为AlignStart,并在列表项的末尾添加水平Divider,实现水平和垂直Divider的同时展示。 灵活设置mainAxisAlignment 总的来说,垂直Divider是Flutter中是一个非常实用的组件,可以帮助我们更好地展示列...
const Divider({ Key? key, this.height,//分割线区域的高度,并非分割线的高度 this.thickness,//分割线真正的高度 this.indent,//起点缩进距离 this.endIndent,//终点缩进距离 this.color,//分割线颜色 }) 如果想设置真实的分割线高度,需要把height和thickness设置为一样. const VerticalDivider({ Key? key,...
This tutorial shows you how to use Divider and VerticalDivider in Flutter. If you have a list of widgets, you may need to add a separator between the widgets. In Flutter, there are two widgets suitable for that purpose: Divider and VerticalDivider. Divider is used to create a horizontal ...
一、水平分割线:Divider import 'package:flutter/material.dart'; class DividerWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('分割线'), elevation: 0.0, centerTitle: true, ), body: Column( children: [ Text("分割线"...