自己在写项目练手，遇到了布局的疑惑，详细看下面

Question

Widget _buildRankItemSongList(BuildContext context, int index) {
    Map<int, ModelSong> songMap = _rankList[index].songList.asMap();
    
    return Container(
      padding: EdgeInsets.all(20),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: songMap.keys.map((index) {
          return Text(
            '${index + 1} ${songMap[index].songname}-${songMap[index].singername}',
            style: Theme.of(context).textTheme.display2,
            overflow: TextOverflow.ellipsis,
          );
        }).toList(),
      ),
    );
  }

Text 并不会占据 Column 100% 的宽度，导致溢出。
改如何解决呢？

ps：并不想套一个Container 设置一个固定宽度，而是真正意义上占据父容器100%空间。

Answer 1

CrazyCodeBoy 2019-09-16 09:05:58

试下Expanded与FractionallySizedBox组件，可参考http://coding.imooc.com/learn/questiondetail/126033.html

• 提问者 香饽饽0 #1

  非常感谢！