flutter リストビューの上部と下部にウィジェットを追加する 質問する

flutter リストビューの上部と下部にウィジェットを追加する 質問する

リストビューの前にウィジェットをいくつか追加しようとしています...検索したところ、次のように展開して使用することがわかりました。

  return Scaffold(
    appBar: AppBar(
      title: Text('Test Listview'),
    ),
    body: Container(
      padding: const EdgeInsets.all(10.0),
      child: Column(
        children: <Widget>[
          Text('header'),
          Expanded(
            child: ListView.builder(
              itemCount: providerApp.domains.length,
              itemBuilder: (BuildContext context, int index) {
                return Container( ......

しかし、ここでの問題は、Text('header') が修正され、ウィジェットがリストビューと一緒にスクロールする方法が探されていることです...

ありがとう !!!

ベストアンサー1

リストビュー内のリストビューを使用することでこれを実現できます。以下にサンプルコードがありますのでご確認ください。

ここに画像の説明を入力してください

 body: ListView(
    children: <Widget>[
      Container(
        height: 40,
        color: Colors.deepOrange,
        child: Center(
          child: Text(
            'Header',
            style: TextStyle(color: Colors.white, fontSize: 16),
          ),
        ),
      ),
      ListView.builder(
        physics: ScrollPhysics(),
        shrinkWrap: true,
        itemCount: 50,
        itemBuilder: (BuildContext context, int index) {
          return Container(
            color: Colors.lime,
            height: 60,
            child: Center(
              child: Text(
                'Child $index',
                style: TextStyle(color: Colors.black, fontSize: 16),
              ),
            ),
          );
        },
      ),
      Container(
        height: 40,
        color: Colors.deepOrange,
        child: Center(
          child: Text(
            'Footer',
            style: TextStyle(color: Colors.white, fontSize: 16),
          ),
        ),
      ),
    ],
  ),

おすすめ記事