https://cubegao.com/tags/listview/ Recent content in ListView on cubegao Hugo zh-CN Tue, 06 Jul 2021 22:20:00 +0800 https://cubegao.com/post/2021-07-06-listview-nested-listview/ Tue, 06 Jul 2021 22:20:00 +0800 https://cubegao.com/post/2021-07-06-listview-nested-listview/ <h3 id="前言">前言</h3> <p>日常的开发工作中，经常会遇到列表中嵌套<code>ListView</code>的需求。具体情况也分为两种。</p> <h3 id="1竖向listview嵌套横向listview">1.竖向ListView嵌套横向ListView</h3> <p>常见的需求：竖向<code>ListView</code>行数不限制，横向<code>ListView</code>的列数不限制。具体情况如下图。</p> <!-- raw HTML omitted --> <p>代码如下：</p> <div class="goat svg-container "> <svg xmlns="http://www.w3.org/2000/svg" font-family="Menlo,Lucida Console,monospace" viewBox="0 0 440 361" > <g transform='translate(8,16)'> <text text-anchor='middle' x='8' y='4' fill='currentColor' style='font-size:1em'>L</text> <text text-anchor='middle' x='16' y='4' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='24' y='4' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='32' y='4' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='40' y='4' fill='currentColor' style='font-size:1em'>V</text> <text text-anchor='middle' x='48' y='4' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='56' y='4' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='64' y='4' fill='currentColor' style='font-size:1em'>w</text> <text text-anchor='middle' x='72' y='4' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='80' y='20' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='80' y='324' fill='currentColor' style='font-size:1em'>]</text> <text text-anchor='middle' x='88' y='20' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='88' y='324' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='96' y='20' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='96' y='36' fill='currentColor' style='font-size:1em'>T</text> <text text-anchor='middle' x='96' y='52' fill='currentColor' style='font-size:1em'>S</text> <text text-anchor='middle' x='96' y='308' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='104' y='20' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='104' y='36' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='104' y='52' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='104' y='308' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='112' y='20' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='112' y='36' fill='currentColor' style='font-size:1em'>x</text> <text text-anchor='middle' x='112' y='52' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='112' y='68' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='112' y='292' fill='currentColor' style='font-size:1em'>]</text> <text text-anchor='middle' x='120' y='20' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='120' y='36' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='120' y='52' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='120' y='68' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='120' y='292' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='128' y='20' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='128' y='36' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='128' y='52' fill='currentColor' style='font-size:1em'>k</text> <text text-anchor='middle' x='128' y='68' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='128' y='84' fill='currentColor' style='font-size:1em'>I</text> <text text-anchor='middle' x='128' y='164' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='128' y='180' fill='currentColor' style='font-size:1em'>S</text> <text text-anchor='middle' x='128' y='196' fill='currentColor' style='font-size:1em'>P</text> <text text-anchor='middle' x='128' y='276' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='136' y='20' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='136' y='36' fill='currentColor' style='font-size:1em'>'</text> <text text-anchor='middle' x='136' y='52' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='136' y='68' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='136' y='84' fill='currentColor' style='font-size:1em'>g</text> <text text-anchor='middle' x='136' y='164' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='136' y='180' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='136' y='196' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='136' y='276' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='144' y='20' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='144' y='36' fill='currentColor' style='font-size:1em'>L</text> <text text-anchor='middle' x='144' y='68' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='144' y='84' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='144' y='100' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='144' y='148' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='144' y='180' fill='currentColor' style='font-size:1em'>z</text> <text text-anchor='middle' x='144' y='196' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='144' y='212' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='144' y='260' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='152' y='36' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='152' y='68' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='152' y='84' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='152' y='100' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='152' y='148' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='152' y='180' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='152' y='196' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='152' y='212' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='152' y='260' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='160' y='20' fill='currentColor' style='font-size:1em'>[</text> <text text-anchor='middle' x='160' y='36' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='160' y='68' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='160' y='84' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='160' y='100' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='160' y='116' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='160' y='132' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='160' y='180' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='160' y='196' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='160' y='212' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='160' y='228' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='160' y='244' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='168' y='36' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='168' y='68' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='168' y='84' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='168' y='100' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='168' y='116' fill='currentColor' style='font-size:1em'>p</text> <text text-anchor='middle' x='168' y='132' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='168' y='180' fill='currentColor' style='font-size:1em'>B</text> <text text-anchor='middle' x='168' y='196' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='168' y='212' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='168' y='228' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='168' y='244' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='176' y='36' fill='currentColor' style='font-size:1em'>V</text> <text text-anchor='middle' x='176' y='68' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='176' y='84' fill='currentColor' style='font-size:1em'>P</text> <text text-anchor='middle' x='176' y='100' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='176' y='116' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='176' y='132' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='176' y='180' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='176' y='196' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='176' y='212' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='176' y='228' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='176' y='244' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='184' y='36' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='184' y='84' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='184' y='100' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='184' y='116' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='184' y='132' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='184' y='180' fill='currentColor' style='font-size:1em'>x</text> <text text-anchor='middle' x='184' y='196' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='184' y='212' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='184' y='228' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='184' y='244' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='192' y='36' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='192' y='68' fill='currentColor' style='font-size:1em'>[</text> <text text-anchor='middle' x='192' y='84' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='192' y='116' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='192' y='132' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='192' y='180' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='192' y='196' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='192' y='228' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='192' y='244' fill='currentColor' style='font-size:1em'>B</text> <text text-anchor='middle' x='200' y='36' fill='currentColor' style='font-size:1em'>w</text> <text text-anchor='middle' x='200' y='84' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='200' y='100' fill='currentColor' style='font-size:1em'>O</text> <text text-anchor='middle' x='200' y='116' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='200' y='132' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='200' y='180' fill='currentColor' style='font-size:1em'>w</text> <text text-anchor='middle' x='200' y='196' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='200' y='212' fill='currentColor' style='font-size:1em'>L</text> <text text-anchor='middle' x='200' y='228' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='200' y='244' fill='currentColor' style='font-size:1em'>u</text> <text text-anchor='middle' x='208' y='36' fill='currentColor' style='font-size:1em'>'</text> <text text-anchor='middle' x='208' y='84' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='208' y='100' fill='currentColor' style='font-size:1em'>p</text> <text text-anchor='middle' x='208' y='116' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='208' y='180' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='208' y='196' fill='currentColor' style='font-size:1em'>.</text> <text text-anchor='middle' x='208' y='212' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='208' y='228' fill='currentColor' style='font-size:1em'>D</text> <text text-anchor='middle' x='208' y='244' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='216' y='36' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='216' y='84' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='216' y='100' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='216' y='116' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='216' y='132' fill='currentColor' style='font-size:1em'>I</text> <text text-anchor='middle' x='216' y='180' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='216' y='196' fill='currentColor' style='font-size:1em'>f</text> <text text-anchor='middle' x='216' y='212' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='216' y='228' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='216' y='244' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='224' y='36' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='224' y='84' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='224' y='100' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='224' y='132' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='224' y='180' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='224' y='196' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='224' y='212' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='224' y='228' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='224' y='244' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='232' y='84' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='232' y='100' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='232' y='116' fill='currentColor' style='font-size:1em'>0</text> <text text-anchor='middle' x='232' y='132' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='232' y='180' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='232' y='196' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='232' y='212' fill='currentColor' style='font-size:1em'>V</text> <text text-anchor='middle' x='232' y='228' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='232' y='244' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='240' y='100' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='240' y='116' fill='currentColor' style='font-size:1em'>.</text> <text text-anchor='middle' x='240' y='132' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='240' y='180' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='240' y='196' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='240' y='212' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='240' y='228' fill='currentColor' style='font-size:1em'>c</text> <text text-anchor='middle' x='240' y='244' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='248' y='100' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='248' y='116' fill='currentColor' style='font-size:1em'>0</text> <text text-anchor='middle' x='248' y='132' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='248' y='196' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='248' y='212' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='248' y='228' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='248' y='244' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='256' y='100' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='256' y='116' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='256' y='132' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='256' y='180' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='256' y='212' fill='currentColor' style='font-size:1em'>w</text> <text text-anchor='middle' x='256' y='228' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='264' y='132' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='264' y='180' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='264' y='212' fill='currentColor' style='font-size:1em'>.</text> <text text-anchor='middle' x='264' y='228' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='272' y='180' fill='currentColor' style='font-size:1em'>u</text> <text text-anchor='middle' x='272' y='212' fill='currentColor' style='font-size:1em'>b</text> <text text-anchor='middle' x='272' y='228' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='272' y='244' fill='currentColor' style='font-size:1em'>_</text> <text text-anchor='middle' x='280' y='180' fill='currentColor' style='font-size:1em'>b</text> <text text-anchor='middle' x='280' y='212' fill='currentColor' style='font-size:1em'>u</text> <text text-anchor='middle' x='280' y='228' fill='currentColor' style='font-size:1em'>:</text> <text text-anchor='middle' x='280' y='244' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='288' y='180' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='288' y='212' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='296' y='180' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='296' y='212' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='296' y='228' fill='currentColor' style='font-size:1em'>A</text> <text text-anchor='middle' x='296' y='244' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='304' y='180' fill='currentColor' style='font-size:1em'>.</text> <text text-anchor='middle' x='304' y='212' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='304' y='228' fill='currentColor' style='font-size:1em'>x</text> <text text-anchor='middle' x='304' y='244' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='312' y='180' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='312' y='212' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='312' y='228' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='312' y='244' fill='currentColor' style='font-size:1em'>d</text> <text text-anchor='middle' x='320' y='180' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='320' y='212' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='320' y='228' fill='currentColor' style='font-size:1em'>s</text> <text text-anchor='middle' x='320' y='244' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='328' y='180' fill='currentColor' style='font-size:1em'>f</text> <text text-anchor='middle' x='328' y='212' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='328' y='228' fill='currentColor' style='font-size:1em'>.</text> <text text-anchor='middle' x='328' y='244' fill='currentColor' style='font-size:1em'>x</text> <text text-anchor='middle' x='336' y='180' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='336' y='228' fill='currentColor' style='font-size:1em'>h</text> <text text-anchor='middle' x='336' y='244' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='344' y='180' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='344' y='228' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='352' y='180' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='352' y='228' fill='currentColor' style='font-size:1em'>r</text> <text text-anchor='middle' x='352' y='244' fill='currentColor' style='font-size:1em'>=</text> <text text-anchor='middle' x='360' y='180' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='360' y='228' fill='currentColor' style='font-size:1em'>i</text> <text text-anchor='middle' x='360' y='244' fill='currentColor' style='font-size:1em'>&gt;</text> <text text-anchor='middle' x='368' y='180' fill='currentColor' style='font-size:1em'>y</text> <text text-anchor='middle' x='368' y='228' fill='currentColor' style='font-size:1em'>z</text> <text text-anchor='middle' x='376' y='180' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='376' y='228' fill='currentColor' style='font-size:1em'>o</text> <text text-anchor='middle' x='376' y='244' fill='currentColor' style='font-size:1em'>I</text> <text text-anchor='middle' x='384' y='180' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='384' y='228' fill='currentColor' style='font-size:1em'>n</text> <text text-anchor='middle' x='384' y='244' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='392' y='228' fill='currentColor' style='font-size:1em'>t</text> <text text-anchor='middle' x='392' y='244' fill='currentColor' style='font-size:1em'>e</text> <text text-anchor='middle' x='400' y='228' fill='currentColor' style='font-size:1em'>a</text> <text text-anchor='middle' x='400' y='244' fill='currentColor' style='font-size:1em'>m</text> <text text-anchor='middle' x='408' y='228' fill='currentColor' style='font-size:1em'>l</text> <text text-anchor='middle' x='408' y='244' fill='currentColor' style='font-size:1em'>(</text> <text text-anchor='middle' x='416' y='228' fill='currentColor' style='font-size:1em'>,</text> <text text-anchor='middle' x='416' y='244' fill='currentColor' style='font-size:1em'>)</text> <text text-anchor='middle' x='424' y='244' fill='currentColor' style='font-size:1em'>,</text> </g> </svg> </div> <p><code>Stack</code>存在无<code>Positioned</code>包裹的子组件，决定<code>Stack</code>尺寸的是无位置的组件中的最大的尺寸，<code>Positioned</code>不会影响<code>Stack</code>的尺寸。（当然如果子类全部是<code>Positioned</code>包裹的子组件，<code>Stack</code>会将自身尺寸设置为父级布局约束所允许的最大尺寸，为对齐子组件创造条件。）。 此处用<code>Positioned.fill</code>,让<code>ListView</code>尽量占满整个<code>Stack</code>。 接下来设置宽度，利用<code>SizedBox</code>的向下传递约束，向上传递尺寸的特性。用<code>SizedBox(width: double.infinity)</code>把宽度撑开到整个屏幕的宽度。 接下来算出<code>Item</code>的高度，用<code>Item</code>的高度撑开<code>Stack</code>的高度。 此处用<code>Item</code>的初衷只是为了定制高度，不能让<code>Item</code>显示在屏幕上，所以用<code>Opacity</code>隐藏<code>Item</code>，为了忽略掉事件响应，最后用上<code>IgnorePointer</code>。</p>