Flutter リストビューでフッターを固定表示するサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
children: [
Expanded(
child: ListView(
children : [],
),
),
],
children: [ Expanded( child: ListView( children : [], ), ), ],
children: [
  Expanded(
    child: ListView(
      children : [],
    ),
  ),
],

Columnの「children」に「Expanded」を指定し、Expandedの引数「child」にリストビューを指定します。
リストビューでフッターを固定表示するには、Columnウェジェットを使います。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Column(
children: [
Expanded(
child: ListView(
children : [],
),
),
Footer(),
],
),
Column( children: [ Expanded( child: ListView( children : [], ), ), Footer(), ], ),
Column(
  children: [
    Expanded(
      child: ListView(
        children : [],
      ),
    ),
    Footer(),
  ],
),

 

Flutter

Posted by arkgame