flutter不规则导航制作方法(FloatingActionButton)

不规则导航制作方法，使用FloatingActionButton来实现按钮的显示位置。

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('不规则底部导航'),
    ),
    floatingActionButton: FloatingActionButton(
      child: Icon(Icons.add),
      onPressed: () {},
      tooltip: '提示',
    ),
    //
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    bottomNavigationBar:BottomAppBar(
        color:Colors.blue,
        //定义不规则底部按钮
        shape:CircularNotchedRectangle(),
      //其他底部菜单按钮
      child:Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: <Widget>[
            IconButton(
              icon: Icon(Icons.home,color: Colors.white,),
              onPressed: (){},
            ),
          IconButton(
            icon: Icon(Icons.email,color: Colors.white,),
            onPressed: (){},
          ),
          IconButton(
            icon: Icon(Icons.pages,color: Colors.white,),
            onPressed: (){},
          ),
          IconButton(
            icon: Icon(Icons.merge_type,color: Colors.white,),
            onPressed: (){},
          ),
        ],
      ) ,
    ),
  );
}

FloatingActionButton参数

/**
    const FloatingActionButton({
    Key key,
    this.child,//按钮显示的内容
    this.tooltip,//长按时显示的提示
    this.foregroundColor,//前景色，影响到文字颜色
    this.backgroundColor,//背景色
    this.heroTag = const _DefaultHeroTag(),//hero效果使用的tag,系统默认会给所有FAB使用同一个tag,方便做动画效果
    this.elevation = 6.0,//未点击时阴影值
    this.highlightElevation = 12.0,//点击下阴影值
    @required this.onPressed,
    this.mini = false,//FloatingActionButton有regular, mini, extended三种类型，默认为false即regular类型,true时按钮变小即mini类型，extended需要通过FloatingActionButton.extended()创建，可以定制显示内容
    this.shape = const CircleBorder(),//定义FAB的shape，设置shape时，默认的elevation将会失效,默认为CircleBorder
    this.clipBehavior = Clip.none,
    this.materialTapTargetSize,
    this.isExtended = false,//是否为”extended”类型
    })
 */

FloatingActionButtonLocation参数

设置FloatingActionButton位置
//centerDocked 底部中间
//endDocked 底部右侧
//centerFloat 中间偏上
//endFloat 底部偏上
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,