Flutter-行中oveflow时可拖动的文本

Question

我正在制作一个简单的任务应用程序，该应用程序从服务器api获取任务，然后可以从移动设备更改其状态。我有一份任务清单。每个项目都是由Column组成的，Column有两行（现在一行是空的）。我的问题是-可以使文本可拖动，这样我就可以将溢出的文本（向左）拖动并查看其余部分（然后向右）？我找到了一些解决方案，这些解决方案始终使用动画来移动文本。我只想用手指控制它。

这是我的简化代码：

return Container(
      child: Column(
        children: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Flexible(
                child: GestureDetector(
                  onTap: () {
                    Navigator.of(context).pushNamed(TaskDetailScreen.routeName,
                        arguments: task.id);
                  },
                  child: Text(
                    task.id + ' - ' + task.name,
                    overflow: TextOverflow.fade,
                    maxLines: 1,
                    softWrap: false,
                  style: TextStyle(fontSize: 18),
                  ),
                ),
              ),
              ButtonTheme(
                buttonColor: Color(0xff24a0ed),
                minWidth: 100,
                child: RaisedButton(
                        child: Text(
                          'Dokončit',
                        ),
                        onPressed: () {
                          task.toggleActiveStatus(context);
                        },
                      ),
              )
            ],
          ),
          Row(
            children: <Widget>[],
          ),
        ],
      ),
      padding: EdgeInsets.all(15),
      color: Color(0xffcfcfcf),
    );

Answer 1

您可以尝试使用多种解决方案，包括GestureDetector，当发现发生下移时，将Row更改为Wrap小部件。