时间戳

首页 > 解决方案 > 颤振位置按钮

flutter - 颤振位置按钮

问题描述

我需要一个在特定位置颤动的按钮。位置应该是：水平居中，垂直居中，例如 500 像素。

有谁知道如何做到这一点？

标签： flutterdart

解决方案

1.您可以使用Positionedan 内的小部件Stack来包装按钮，将其top设为 500，并将其设置alignment: AlignmentDirectional.center为Stack使其子项居中：

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
        alignment: AlignmentDirectional.center,
        children: <Widget>[
          Positioned(
            top: 500,
            child: RaisedButton(
              color: Colors.yellow,
              onPressed: () {  },
              child: Text('press me'),
              )
          ),
        ]
      )
    );
  }

2.您可以使用Rowwith mainAxisAlignment: MainAxisAlignment.centerset 将其子元素水平居中，使用Containerwith marginset 为 500 仅用于顶部包裹按钮。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
            Container(
              margin: const EdgeInsets.only(top: 500),
              child: RaisedButton(
                color: Colors.yellow,
                onPressed: () {  },
                child: Text('press me'),
              )
          )
        ]
      )
    );
  }

推荐阅读