Flutter 如何在颤振中给两个按钮之间留出空间?
我在我的应用程序中使用了两个按钮,这两个按钮分别在一个方法中使用。但我无法在这两个按钮之间留出足够的空间,请有人查看一下 这是我的密码:Flutter 如何在颤振中给两个按钮之间留出空间?,flutter,dart,Flutter,Dart,我在我的应用程序中使用了两个按钮,这两个按钮分别在一个方法中使用。但我无法在这两个按钮之间留出足够的空间,请有人查看一下 这是我的密码: child: Center( child: Column( mainAxisSize: MainAxisSize.max, mainAxisAlignment: MainAxisAlignment.center, children: <Widget
child: Center(
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
FlutterLogo(size: 150),
SizedBox(height: 50),
_signInButton(),
_signInFbButton()
],
),
),
),
);
}
Widget _signInButton() {
return Container(
child: OutlineButton(
splashColor: Colors.grey,
onPressed: () {
signInWithGoogle().whenComplete(() {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) {
return FirstScreen();
},
),
);
});
},
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(40)),
highlightElevation: 0,
borderSide: BorderSide(color: Colors.grey),
child: Padding(
padding: const EdgeInsets.fromLTRB(0, 10, 0, 10),
child: Column(
children: <Widget>[
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Image(image: AssetImage("Assets/google_logo.png"), height: 35.0),
Padding(
padding: const EdgeInsets.only(left: 10),
child: Text(
'Sign in with Google',
style: TextStyle(
fontSize: 20,
color: Colors.grey,
}
Widget _signInFbButton() {
return Container(
child: OutlineButton(
splashColor: Colors.grey,
onPressed: () {
signInWithGoogle().whenComplete(() {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) {
return FirstScreen();
},
),
);
});
},
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(40)),
highlightElevation: 0,
borderSide: BorderSide(color: Colors.grey),
child: Container(
child: Padding(
padding: const EdgeInsets.fromLTRB(0, 10, 0, 10),
child: Column(
children: <Widget>[
Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Image(image: AssetImage("Assets/facebook-logo.png"), height: 35.0),
Padding(
padding: const EdgeInsets.only(left: 10),
child: Text(
'Sign in with Google',
style: TextStyle(
fontSize: 20,
color: Colors.grey,
child:Center(
子:列(
mainAxisSize:mainAxisSize.max,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
标志(尺寸:150),
尺寸箱(高度:50),
_signInButton(),
_符号按钮()
],
),
),
),
);
}
小部件_登录按钮(){
返回容器(
孩子:大纲按钮(
颜色:颜色。灰色,
已按下:(){
使用Google()登录。当完成(){
导航器.of(上下文).push(
材料路线(
生成器:(上下文){
返回FirstScreen();
},
),
);
});
},
形状:RoundedRectangleBorder(borderRadius:borderRadius.circular(40)),
Highlight标高:0,
borderSide:borderSide(颜色:Colors.grey),
孩子:填充(
填充:从LTRB(0,10,0,10)开始的常数边集,
子:列(
儿童:[
划船(
mainAxisSize:mainAxisSize.min,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
图像(图像:AssetImage(“Assets/google_logo.png”),高度:35.0),
填充物(
填充:仅限常量边集(左:10),
子:文本(
“使用谷歌登录”,
样式:TextStyle(
尺寸:20,
颜色:颜色。灰色,
}
Widget _SigninButton(){
返回容器(
孩子:大纲按钮(
颜色:颜色。灰色,
已按下:(){
使用Google()登录。当完成(){
导航器.of(上下文).push(
材料路线(
生成器:(上下文){
返回FirstScreen();
},
),
);
});
},
形状:RoundedRectangleBorder(borderRadius:borderRadius.circular(40)),
Highlight标高:0,
borderSide:borderSide(颜色:Colors.grey),
子:容器(
孩子:填充(
填充:从LTRB(0,10,0,10)开始的常数边集,
子:列(
儿童:[
划船(
mainAxisSize:mainAxisSize.min,
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
图片(图片:AssetImage(“Assets/facebook logo.png”),高度:35.0),
填充物(
填充:仅限常量边集(左:10),
子:文本(
“使用谷歌登录”,
样式:TextStyle(
尺寸:20,
颜色:颜色。灰色,
这是我的截图,我正在使用谷歌登录和facebook登录创建一个登录页面
你为什么不试试你已经有的东西呢?要实现这一点,
SizedBox
_signInButton(),
SizedBox(height: 16),//<----
_signInFbButton()
\u登录按钮(),
SizedBox(高度:16),//您可以将\u SigninButton()
小部件包装为填充,并根据需要提供顶部填充。工作代码如下:
_signInButton(),
Padding(
padding: EdgeInsets.only(top: 5),
child: _signInFbButton())
希望这能回答你的问题