Question

我无法创建任何示例来创建圆形按钮 FloatingActionButton？有什么办法可以创建它？

下面的代码创建一个矩形按钮，圆形按钮是否存在？

NewList = [i * 5 for i in List]

for i in List:
    NewList.append(i * 5)

import pandas as pd

s = pd.Series(List)
NewList = (s * 5).tolist()

Answer 1

您可以使用MaterialButton小部件。可以将shape字段设置为CircleBorder值，这将为您提供一个圆形按钮。

例如，我修改了我的一个项目视图的代码，在该视图中，我已将圆形的矩形按钮设为圆形：

svg {
  height: 1em;
  width: 1em;
  vertical-align: middle;
  padding-bottom:0.2em
}

截屏：

Answer 2

我们只能通过FloatingActionButton小部件创建一个圆形按钮。

 return Container(
      alignment: Alignment.center,
        child: new SizedBox(
      child: FloatingActionButton(
          backgroundColor: Colors.red,
          child: null,
          onPressed: () {
            print("Cliked");
          },)
    ));
  }

输出：

Answer 3

Container(
                      width: 90,
                      height: 90,
                      child: RaisedButton(onPressed: (){
                      },
                        color: Colors.deepOrange,  
                        textColor: Colors.white,
                        shape: CircleBorder(side: BorderSide.none),
                        child: Text('Login',style: TextStyle(
                            fontSize: 20.0
                        ),
                        ),
                      ),
                    )

Flutter：如何创建圆形/圆形按钮

3 个答案: