바디에서 수직(Column)으로 배열 되는 경우에 정렬방법
crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
return Scaffold(
body: Stack(
alignment: Alignment.center,
children: <Widget>[
Container(
color: Colors.white,
),
Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Container(
width: 200,
height: 200,
color: Colors.blue,
),
Stack(
children: <Widget>[
Form(
key: _formKey,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
TextFormField(
controller: _emailController,
decoration: InputDecoration(
icon: Icon(Icons.account_circle),
labelText: "Email"),
validator: (String value){
if (value.isEmpty)
return "Please, input the valid email account.";
else
return null;
},
), //유저들이 입력하는 란
TextFormField(
controller: _passwordController,
decoration: InputDecoration(
icon: Icon(Icons.vpn_key),
labelText: "Password"),
validator: (String value){
if (value.isEmpty)
return "Please, input the valid password.";
else
return null;
},
),
Text("Forgot Password?"),
],
)),
// Container(width: 100, height: 50, color: Colors.black,),
],
),
Container(
height: size.height * 0.10,
),
Text("Don't Have an Account? Creat One"),
Container(
height: size.height * 0.05,
),
])
],
),
);
}
}
'Computer Engineering > 안드로이드 Flutter' 카테고리의 다른 글
[Flutter] 아이콘 추가하기 (0) | 2019.11.11 |
---|---|
[Flutter] Google 폰트 다운로드 및 적용하기 (0) | 2019.11.11 |
[Flutter] Column or Row 에 Container 여러개 배치 및 정렬 (0) | 2019.11.11 |
[Flutter] Container 크기조절 및 위치설정 (0) | 2019.11.11 |
[Flutter] 다른 클래스에서 리스트 처리 (0) | 2019.11.10 |
댓글