이메일 및 모바일 텍스트 필드를 중앙에 세로로 배치하는 데 문제가 있습니다.
Center 위젯, mainAxisAlignment 및 crossAxisAlignment를 사용해 보았지만 아무 소용이 없습니다.
passwordInputs() => Container(
padding: EdgeInsets.all(20.0),
child: Center(
child: ListView(
children: <Widget>[
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
_getEmail(),
Padding(
padding: EdgeInsets.only(top: 10.0),
),
_getMobileNumber(),
Padding(
padding: EdgeInsets.only(top: 16.0),
),
_getSubmit()
],
),
],
),
),
);
}
Widget _getEmail() {
return Container(
margin: EdgeInsets.only(left: 4),
child: TextField(
maxLines: 1,
decoration: InputDecoration(
labelText: "Email*",
),
),
);
}
Widget _getMobileNumber() {
return Container(
margin: EdgeInsets.only(left: 4),
child: TextField(
maxLines: 1,
decoration: InputDecoration(
labelText: "Mobile*",
),
),
);
}
이러한 위젯은 화면 상단에 표시됩니다. 화면 중앙에 필요합니다.
다음 shrinkWrap : true
과 같이 listView 에 a 를 추가하기 만하면됩니다.
Center(
child: ListView(
shrinkWrap: true,
children: <Widget>[
_getMobileNumber(),
_getEmail()
],
),
)
그리고이 칼럼은 필요하지 않습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다