如何在FloatingActionButton中扩展图标的位置

Question

扩展的FloatingActionButton上的图标在左侧，我如何将图标放在右侧？文字之后

floatingActionButton: FloatingActionButton.extended(   
            onPressed: (){},
            label: Text("Next",),
            icon: Icon(Icons.arrow_forward,
            ),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.endFloat 

Answer 1

我认为您无法使用FloatingActionButton来做到这一点，但可以将 RaisedButton 配置为看起来非常相似。
只需按与FloatingActionButton相同的方式使用它即可。

floatingActionButton: RaisedButton(
        child:  Container(
          height: 50.0,
          child: Row(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
            const SizedBox(width: 16.0),
                   Text('Next', style: TextStyle(color: Colors.white, fontSize: 25),),
                   const SizedBox(width: 8.0),
                   Icon(Icons.arrow_forward, size: 30.0, color: Colors.white,),
                   const SizedBox(width: 20.0),
          ]),
        ),
        color: Colors.blue,
        shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(30.0),
                  ),
        onPressed: () {
          print('Do somenthing');
        },

      )

希望获得帮助。

Answer 2

没有任何直接方法可以做到这一点。 但是，要解决此问题，您可以将Row小部件（其中包含Text和Icon小部件）传递给label参数。

floatingActionButton: FloatingActionButton.extended(
    onPressed: () {},
    label: Row(
      children: <Widget>[Text("Proceed"), Icon(Icons.arrow_forward)],
    ),
    icon: Container(),
  ),

希望有帮助。