Flutter | 底部导航页顶部添加Text组件出现页面消失及溢出报错问题

• Flutter中Column组件的子元素默认不会被约束高度，直接将页面Widget作为Column的子元素时，页面会尝试占用无限高度，导致布局溢出，同时渲染失败显示空白。
• 报错bottom overflowed by infinity pixels正是因为子元素高度超出了Column的可用可视范围。

给_kTabPages[_currentTabIndex]外层包裹Expanded组件，Expanded会自动占用Column中除固定高度元素外的所有剩余空间，将页面高度约束在可视范围内即可解决问题。

修改后的代码示例：

body: 
      Column(
        children: [
          Text('Hello Text'),
          // 新增Expanded包裹页面组件
          Expanded(
            child: _kTabPages[_currentTabIndex],
          ),
        ],
      ),
     
bottomNavigationBar: bottomNavBar,

内容的提问来源于stack exchange，提问作者Tinovimba Mawoyo