本专栏为大家收集了Github上近70个优秀开源库，后续也将持续更新。希望可以帮助大家提升搬砖效率，同时祝愿Flutter的生态越来越完善。
第四篇：导航条GFAppBar、搜索栏GFSearchBar、评分组件GFRating、加载提示GFLoader、进度条GFProgressBar
属性及含义介绍
1.GFAppbar与AppBar的属性基本一致,这是一个搭配GFIconBadge的简单示例：
GFAppBar(backgroundColor:GFColors.DARK,title:Text('我的主页',style:appBarTitleStyle,),centerTitle:false,leading:Icon(Icons.arrow_back_ios,color:GFColors.LIGHT,size:18,),titleSpacing:0,actions:[Padding(padding:EdgeInsets.only(right:16),child:GFIconBadge(position:GFBadgePosition.topEnd(top:5,end:-5),child:GFAvatar(radius:20,backgroundImage:AssetImage('images/mypicture.png'),),counterChild:GFBadge(text:'6',size:22,shape:GFBadgeShape.circle,))),],),staticconstTextStyleappBarTitleStyle=TextStyle(fontWeight:FontWeight.w500,fontSize:16,letterSpacing:0.2,color:GFColors.LIGHT,);2.Bottom为导航栏底部组件，注意类型为PreferredSizeWidget，可以通过使用PreferredSize来包裹原组件来使用，PreferredSize的preferredSize在这里的属性代表了其底边距离原GFAppBar底边的距离。
下方示例中为包含输入字符串的所有item（区分大小写):
这是一个可以通过点击、拖动、打分的评分组件，使用示例：
1.默认样式（Android风格）：
GFLoader()2.iOS风格：
GFLoader(type:GFLoaderType.ios)3.圆形：
GFLoader(type:GFLoaderType.circle)4.方形：
GFLoader(type:GFLoaderType.square)5.自定义样式，示例这里是一张本地的gif图片：
1.圆形基础样式示例：
GFProgressBar(percentage:0.9,width:100,radius:90,type:GFProgressType.circular,backgroundColor:Colors.black26,progressBarColor:GFColors.DANGER,)