加盟类网站怎么做,除了阿里巴巴还有什么网站做外贸的,东莞网站优化科技有限公司,做网站切图是什么意思背景 主要常用于组件叠加上圆点提示#xff1b; 使用场景#xff0c;消息数量提示#xff0c;消息红点提示 属性作用backgroundColor红点背景色smallSize设置红点大小isLabelVisible是否显示offset设置红点位置alignment设置红点位置child设置底部组件
代码块
class Badge…背景 主要常用于组件叠加上圆点提示 使用场景消息数量提示消息红点提示 属性作用backgroundColor红点背景色smallSize设置红点大小isLabelVisible是否显示offset设置红点位置alignment设置红点位置child设置底部组件
代码块
class BadgePage extends StatelessWidget {const BadgePage({Key? key}) : super(key: key);overrideWidget build(BuildContext context) {return const Wrap(spacing: 20,children: [Badge(backgroundColor: Colors.redAccent,smallSize: 10,child: Icon(Icons.update,size: 36,color: Colors.blue,),),Badge(backgroundColor: Colors.redAccent,smallSize: 10,label: Text(99),isLabelVisible: false,largeSize: 14,child: Icon(Icons.update,size: 36,color: Colors.blue,),),Badge(backgroundColor: Colors.redAccent,smallSize: 10,label: Text(99),largeSize: 14,child: Icon(Icons.update,size: 36,color: Colors.blue,),),Badge(backgroundColor: Colors.red,label: const Text(99),smallSize: 20,textStyle: const TextStyle(fontSize: 8, color: Colors.red),padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),largeSize: 14,offset: Offset(-4, -4),alignment: Alignment.bottomRight,child: const Icon(Icons.message, size: 36, color: Colors.indigo),),],);}
}效果图
