SingleChildScrollViewを用いてスクロールの実装をしたい

ここを参考に10行以上のプロフィール文を読む時にスクロールすることで下まで読むことができるようにコーディングしたいと思います。

疑問
ここではheight: 200をパラメータのようにしてこれを越えればスクロールできるようになっていますがこれはどのように記述してるためですか？

プログラムの一部
よくわからず次のように記述してみました。

dart
1       Container(
2          child: SingleChildScrollView(
3            height: 200.0,
4            alignment: Alignment.center,
5            child: Text(
6              widget.guest.biography,
7              maxLines: 10,
8            ),
9          ),
10        ),

エラー
実行してみた結果、このようなエラーが出ました。

 Error: No named parameter with the name 'height'.

maxLines: 10を越えればスクロールできるようにするにはどうすればいいですか？

行動規範の内容に同意します

回答1件

ベストアンサー

SingleChildScrollViewにはheightというパラメータないのでエラーになっています。高さを指定したいなら外側のContainerに指定すればうまくいくと思います。高さ200のコンテナーの中をスクロールする例を以下に載せておきます。

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: Scaffold(
        appBar: AppBar(),
        body: Container(
          height: 200.0,
          child: SingleChildScrollView(
            child: Container(
              alignment: Alignment.center,
              child: Text(
                '1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20',
              ),
            ),
          ),
        ),
      ),
    );
  }
}

なお、TextのmaxLinesは表示する最大行数なので、これに10を指定すると10行以降が表示されなくなるので、やりたいことを実現するのには向いていないと思います。ちょうど10行ぐらいまで表示されるようにheightを調整すればだいたいやりたいことは実現できると思いました。

投稿2019/12/04 22:58