2017-06-14 19 views
0

6枚のカードを挿入しましたが、画面をスクロールすることはできません。Flutter - 画面がスクロールしない

下の画像によると、フッターに赤いストライプが表示され、画面はスクロールしません。

画面をスクロールするには何が欠けていますか?

main.dart

import 'package:flutter/material.dart'; 

void main() { 
    runApp(new MyApp()); 
} 

class MyApp extends StatelessWidget { 
    @override 
    Widget build(BuildContext context) { 
    return new MaterialApp(
     title: "Myapp", 
     home: new HomePage(), 
    ); 
    } 
} 

class HomePage extends StatelessWidget { 
    @override 
    Widget build(BuildContext context) => new Scaffold(
    appBar: new AppBar(
     backgroundColor: new Color(0xFF26C6DA), 
    ), 
    body: new Column(
     children: <Widget>[ 
     new Card(
      child: new Column(
      mainAxisSize: MainAxisSize.min, 
      children: <Widget>[ 
       const ListTile(
       leading: const Icon(Icons.album), 
       title: const Text('The Enchanted Nightingale'), 
       subtitle: const Text('Music by Julie Gable. Lyrics by Sidney Stein.'), 
      ), 
      ], 
     ), 
     ), 
     ... 
     ... 
     ... 
     ], 
    )  
); 
} 

enter image description here

答えて

4

カラムはスクロールしません。外側の列をListViewに置き換えてみてください。あなたはそれにshrinkWrap:trueを入れる必要があるかもしれません。

1

列のカラムは、高さを設定せずに計算するレイアウトが不可能。 2つ目の列は要素が1つしかないため、ListTileを直接カードの本体として配置しようとしているので役に立たない。

関連する問題