如何将浮动动作固定到底部颤动（底部对齐）

Question

I want to have a FAB that sticks to bottom of the screen without any padding or anything. but have not seen the right widget yet. I prefer not to use a stack. any suggestions?

Answer 1

i use like below

 floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
          floatingActionButton: Padding(
            padding: const EdgeInsets.all(12.0),
            child: CustomMaterialButton(
              color: Colors.green,
              icon: Icons.check,
              text: 'Apply',
              onTap: () {},
              iconPosition: IconPosition.LEFT,
            ),
          ),

button

Material(
      elevation: 8,
      shadowColor: this.color,
      borderRadius: BorderRadius.circular(4),
      color: this.color,
      child: InkWell(
        highlightColor: Colors.transparent,
        onTap: this.onTap,
        child: Container(
          width: double.infinity,
          height: 48,
          child: Center(
            child: this.iconPosition == IconPosition.LEFT
                ? Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      this.icon != null
                          ? Icon(
                              this.icon,
                              color: Colors.white,
                              semanticLabel: 'a',
                            )
                          : Container(),
                      AutoSizeText(
                        ' ${this.text}',
                        textScaleFactor: 1,
                        textAlign: TextAlign.center,
                        style: TextStyle(color: Colors.white, fontSize: 18, 
                        fontFamily: 'Muli'),
                      ),
                    ],
                  )
                : Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      AutoSizeText(
                        ' ${this.text}',
                        textScaleFactor: 1,
                        textAlign: TextAlign.center,
                        style: TextStyle(color: Colors.white, fontSize: 18, 
                        fontFamily: 'Muli'),
                      ),
                      this.icon != null
                          ? Icon(
                              this.icon,
                              semanticLabel: 'a',
                              color: Colors.white,
                            )
                          : Container(),
                    ],
                  ),
          ),
        ),
      ),
    );