flutter实现文本超过三行显示更多

在Flutter中，可以使用Text和GestureDetector组件来实现文本超过三行显示更多。

首先，需要创建一个Text组件，并设置maxLines属性为3以限制文本行数。然后，创建一个GestureDetector组件作为更多按钮，并在其onTap回调中切换文本的显示状态。最后，使用一个AnimatedCrossFade组件来根据文本显示状态来显示或隐藏文本。

下面是一个示例代码：

bool _showMore = false;

Text(
  'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id justo vel ipsum sodales bibendum. Proin blandit eget turpis at blandit. ${_showMore ? 'Phasellus laoreet, risus at maximus lacinia, elit enim fringilla massa, sit amet rhoncus purus magna quis dui.' : ''}',
  maxLines: _showMore ? null : 3,
),
GestureDetector(
  child: Text(
    _showMore ? 'Show less' : 'Show more',
    style: TextStyle(
      color: Colors.blue,
      fontWeight: FontWeight.bold,
    ),
  ),
  onTap: () {
    setState(() {
      _showMore = !_showMore;
    });
  },
),
AnimatedCrossFade(
  duration: const Duration(milliseconds: 300),
  firstChild: const SizedBox.shrink(),
  secondChild: Text(
    'Phasellus laoreet, risus at maximus lacinia, elit enim fringilla massa, sit amet rhoncus purus magna quis dui.',
  ),
  crossFadeState: _showMore ? CrossFadeState.showSecond : CrossFadeState.showFirst,
),

在这个示例中，初始时只显示三行文本，点击“Show more”按钮后展开全部文本，再次点击“Show less”按钮后收起文本。AnimatedCrossFade组件用于平滑地过渡文本的显示或隐藏