相关疑难解决方法(0)

同步滚动多个可滚动小部件

简而言之:

有没有一种方法可以将多个可滚动的小部件(例如SingleSchildScrollView)同步在一起?


我只想要2个可滚动项,可以在我滚动一个时滚动另一个。

这样,我可以Stack将它们放在彼此的顶部,而后面的一个可以跟随前面的一个滚动。

或将它们放在另一组中ColumnRow以便它们是分开的,但仍可以通过滚动其中一个来滚动。

我尝试使用,controller但似乎并没有按照我的想法做。


尝试下面的代码,例如,“ RIGHT”将在“ LEFT”的前面,如果我尝试滚动它们,则只有RIGHT会移动。那么如何同时将它们一起移动?

请不要告诉我将堆栈放在a内ListView,那不是我所需要的。

class _MyHomePageState extends State<MyHomePage> {

  final ScrollController _mycontroller = new ScrollController();

  @override
  Widget build(BuildContext context) {
    body:
      Container(
        height: 100,
        child:
          Stack( children: <Widget>[
            SingleChildScrollView(
              controller: _mycontroller,
              child: Column( children: <Widget>[
                Text('LEFT            '),
                Text('LEFT            '),
                Text('LEFT            '),
                Text('LEFT            '),
                Text('LEFT            '),
                Text('LEFT            '),
              ],)
            ),
            SingleChildScrollView(
              controller: _mycontroller,
              child: Column(children: <Widget>[
                Text('          RIGHT'),
                Text('          RIGHT'),
                Text('          RIGHT'),
                Text(' …
Run Code Online (Sandbox Code Playgroud)

scroll synchronization controller dart flutter

7
推荐指数
4
解决办法
855
查看次数

标签 统计

controller ×1

dart ×1

flutter ×1

scroll ×1

synchronization ×1