2、分割线: 最初我考虑使用边框虚线来完成分割线,后来发现Flutter并不支持虚线边框,因此封装了一个DashedLine的小Widget来实现。 当然,这个章节如果你觉得过于复杂,可以直接把我封装好的两个东西拿过去使用; 一. StarRating 1.1. 最终效果展示 目的:实现功能展示的同时,提供高度的定制效果 rating:必传参数,告诉Widget...
Flutter中的'BorderStyle'(边框样式)用于指定边框线条的样式。它是一个枚举类型,包括以下四个选项:solid(实线)、dashed(虚线)、dotted(点线)和none(无边框)。通过指定一个边框样式来修改一个Widget的边框样式,如Container、TextFormField等。使用BorderStyle,可以轻松地改变边框的外观,以满足不同的设计需求。例如,可以...
decoration: TextDecoration.lineThrough, decorationColor: Colors.black, //solid:实线,double:双线,dotted:点虚线,dashed:横虚线,wavy:波浪线 decorationStyle: TextDecorationStyle.wavy), ); } class TextApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: ...
名称 功能 decoration 文字装饰线(none没有线,lineThrough 删 除线,overline 上划线,underline 下划线) decorationColor 文字装饰线颜色 decorationStyle 文字装饰线风格([dashed,dotted]虚线, double 两根线,solid 一根实线,wavy 波浪 线) wordSpacing 单词间隙(如果是负值,会让单词变得更紧凑)letterSpacing 字母间隙(如...
(0xffff0000), /// // none 不显示装饰线条 underline 字体下方 overline 字体上方 lineThrough 穿过文字 /// decoration: TextDecoration.underline, /// // solid 直线 double 双下划线 dotted 虚线 dashed 点下划线 wavy 波浪线 /// decorationStyle: TextDecorationStyle.wavy, /// decorationColor: const ...
5. 测试并调整虚线边框的样式以达到预期效果 你可以通过调整DashedBorderPainter类中的dashWidth、dashGap、strokeWidth等属性来修改虚线边框的样式。此外,你还可以添加动画效果,使虚线边框看起来更加生动。 以上代码创建了一个带有虚线边框的Container,你可以根据需要进行进一步的调整和优化。
decoration: TextDecoration.lineThrough, decorationColor: Colors.black, //solid:实线,double:双线,dotted:点虚线,dashed:横虚线,wavy:波浪线 decorationStyle: TextDecorationStyle.wavy), ); } class TextApp extends StatelessWidget { @override Widget
decoration 文字装饰线(none 没有线,lineThrough 删 除线,overline 上划线,underline 下划线) decorationColor 文字装饰线颜色 decorationStyle 文字装饰线风格([dashed,dotted]虚线, double 两根线,solid 一根实线,wavy 波浪 线) wordSpacing 单词间隙(如果是负值,会让单词变得更紧 凑 letterSpacing 字母间隙(如果是负...
点虚线,dashed:横虚线,wavy:波浪线 decorationStyle: TextDecorationStyle.wavy), ); } class TextApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: "Text演示", home: Scaffold( appBar: AppBar(title: Text("Text")), body: _TextBody(), ), );...
decoration:TextDecoration.lineThrough, decorationColor:Colors.white, decorationStyle: TextDecorationStyle.dashed, letterSpacing:5.0) ), height:300.0, width:300.0, decoration: BoxDecoration( color: Colors.yellow, border: Border.all( color: Colors.blue, ...