我正在制作一个简单的任务应用程序,该应用程序从服务器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),
);
您可以尝试使用多种解决方案,包括GestureDetector,当发现发生下移时,将Row更改为Wrap小部件。