web-dev-qa-db-ja.com

FlutterでのListViewの中央揃え

ログイン/登録画面にロゴを入れて作ってみました。応答性が必要なので、はほとんどのモバイル画面に適合します。そのために、ListViewを使用しました。ただし、ListViewをレイアウトの中央に配置するだけです。助言がありますか？

これが私の試みです：

@override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
        child: ListView(
          children: <Widget>[
            Image.asset('assets/images/logo.png', scale: 3.0,),
            InputField('enter email address', Icons.email, TextInputType.emailAddress),
            PasswordInputField('enter password', Icons.lock, TextInputType.text),
            RoundBtn('SIGN IN', signIn),
            RoundBtn('SIGN UP', () => {}),
            OutlineBtn('FORGOT PASSWORD?', () => {})
          ],
        ),
      )
    );
  }

ログイン画面登録画面

androiddartflutterflutter-layout
8
Optimist GM

ListViewの代わりにSingleChildScrollViewを使用します。これを試して...

 @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
          child: SingleChildScrollView(
            child: Column(
            children: <Widget>[
              Image.asset('assets/images/logo.png', scale: 3.0,),
              InputField('enter email address', Icons.email, TextInputType.emailAddress),
              PasswordInputField('enter password', Icons.lock, TextInputType.text),
              RoundBtn('SIGN IN', signIn),
              RoundBtn('SIGN UP', () => {}),
              OutlineBtn('FORGOT PASSWORD?', () => {})
            ],
          ),
        ),)
    );
  }
15
Sachin Soma