当前位置: 首页 > news >正文

制作网站的公司哪家比较好产品推广网站哪个好

制作网站的公司哪家比较好,产品推广网站哪个好,编辑模板wordpress,手机网站会员识别功能角标应该非常常见了,以小说app为例,通常会在小说封面的右上角上显示当前未读的章数。 badges 简介 Flutter的badges库是一个用于创建徽章组件的开源库。它提供了简单易用的API,使开发者可以轻松地在Flutter应用程序中添加徽章效果。 官方文…

角标应该非常常见了,以小说app为例,通常会在小说封面的右上角上显示当前未读的章数。

badges

简介
Flutter的badges库是一个用于创建徽章组件的开源库。它提供了简单易用的API,使开发者可以轻松地在Flutter应用程序中添加徽章效果。

官方文档
https://pub-web.flutter-io.cn/packages/badges

安装

flutter pub add badges

示例1

Center(child: badges.Badge(badgeContent: const Text('3',style: TextStyle(fontSize: 20),),child: SizedBox(width: 200,height: 260,child: Image.asset('lib/assets/img/error.jpg',fit: BoxFit.fill,),),));

在这里插入图片描述
示例2

Center(child: badges.Badge(position: badges.BadgePosition.topStart(), // 角标的位置badgeContent: const Text('3',style: TextStyle(fontSize: 20,color: Colors.white),), // 内容onTap: () {print("点击事件");},//    样式badgeStyle: badges.BadgeStyle(shape: badges.BadgeShape.square, // 形状badgeColor: Colors.blue,padding: const EdgeInsets.symmetric(horizontal: 15,vertical: 5),borderRadius: BorderRadius.circular(10)),child: SizedBox(width: 200,height: 260,child: Image.asset('lib/assets/img/error.jpg',fit: BoxFit.fill,),),));

示例3

 shape: badges.BadgeShape.twitter ,

在这里插入图片描述
示例4

shape: badges.BadgeShape.instagram , // 形状

在这里插入图片描述

rotated_corner_decoration

简介
Flutter中的rotated_corner_decoration是一个用于创建旋转圆角装饰的类。它是Flutter框架中的一个内置装饰器,可以应用于各种小部件,如容器、按钮、卡片等。

官方文档
https://pub-web.flutter-io.cn/packages/rotated_corner_decoration

安装

flutter pub add rotated_corner_decoration

示例1

Container(width: 200,height: 200,foregroundDecoration: const RotatedCornerDecoration.withColor(color: Colors.red,badgeSize: Size(30,30)),decoration: BoxDecoration(border: Border.all(color: Colors.black,width: 1)),)

在这里插入图片描述
示例2

Container(width: 200,height: 200,foregroundDecoration: const RotatedCornerDecoration.withColor(color: Colors.red,badgeSize: Size(60, 60), // 大小badgePosition: BadgePosition.topStart, //位置spanBaselineShift: 4, // 文字距离斜边的距离textSpan:TextSpan(text: 'flutter', style: TextStyle(color: Colors.white))),decoration:BoxDecoration(border: Border.all(color: Colors.black, width: 1)),)

在这里插入图片描述
示例3

Container(width: 200,height: 200,foregroundDecoration: const RotatedCornerDecoration.withColor(color: Colors.red,badgeSize: Size(80, 80), // 大小badgePosition: BadgePosition.topStart, //位置spanBaselineShift: 4, // 文字距离斜边的距离textSpan:TextSpan(text: 'hello\nflutter', style: TextStyle(color: Colors.white))),decoration:BoxDecoration(border: Border.all(color: Colors.black, width: 1)),)

在这里插入图片描述

http://www.dt0577.cn/news/47613.html

相关文章:

  • 网站seo方案设计谷歌搜索引擎入口手机版
  • 为某公司或企业做的门户网站如何用html制作一个网页
  • 做信息网站要办icp证吗好搜seo软件
  • 网站你的后台管理系统用什么做代运营电商公司
  • 羊肉口报关做网站福州seo关键字推广
  • 自己搭建一个网站需要多少钱?宁波seo推广联系方法
  • 代做预算网站怀柔网站整站优化公司
  • 布吉建网站福州网站建设团队
  • 17做网店网站网站没有友情链接
  • 网站语音转写怎么做seo怎么做优化计划
  • 易奇秀网站友好链接
  • 网站排名权重怎么做网站排名优化首页
  • 如何做适合手机访问的网站最全的搜索引擎
  • 京东门户网站怎么做下载百度app最新版
  • 如何计算网站pv网络营销顾问
  • 做网站图片大小app宣传推广方案
  • 东莞网站推广排行百度推销广告一年多少钱
  • 太原网站公司哪家好湖南seo优化首选
  • 网站改版会影响排名吗怎么优化网络
  • 企业网站流程b2b平台推广网站
  • 深圳极速网站建设报价aso优化方案
  • 做珠宝商城网站下载百度浏览器
  • 深圳商城网站建设百度百度一下你就知道
  • 青岛建设银行股份有限公司网站首页宁德seo
  • 网站的组织与风格设计h5下一页
  • 双拥网站建设申请百度免费下载安装
  • 做网站公司在丹麦补肾壮阳吃什么药效果好
  • 苏州专业高端网站建设公司百度官方网站入口
  • 拉萨网站建设推广广告营销平台
  • 建设局网站自查自纠2022最新小学生新闻