Flutter：ScrollControllerinitialScrollOffset 不起作用

Question

我正在尝试初始化 SingleChildScrollView 以使用自定义 ScrollController 从某个位置开始。我想我可以使用initialScrollOffset并在init方法中设置一个初始值。但不知何故，当 SingleChildScrollView 渲染时，它仅在第一次构建时跳转到initialOffset，然后当我导航到此Widget的另一个实例时，它不会跳转到initialOffset位置。

我不知道为什么，如果我幸运的话，也许你们中的一个人能找到答案。

这是我的代码：

class Artiklar extends StatefulWidget {
  final String path;
  final double arguments;

  Artiklar({
    this.path,
    this.arguments,
  });

  @override
  _ArtiklarState createState() => _ArtiklarState(arguments: arguments);
}

class _ArtiklarState extends State<Artiklar> {
  final double arguments;

  _ArtiklarState({this.arguments});

  ScrollController _scrollController;
  double scrollPosition;

  @override
  void initState() {
    super.initState();
    double initialOffset = arguments != null ? arguments : 22.2;
    _scrollController = ScrollController(initialScrollOffset: initialOffset);
  }

  @override
  void dispose() {
    _scrollController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final bool isAdmin = Provider.of<bool>(context) ?? false;

    var pathElements = widget.path.split('/');
    String tag;
    if (pathElements.length == 2) {
      tag = null;
    } else if (pathElements.length == 3) {
      tag = pathElements[2];
    } else {
      tag = null;
    }

    return StreamBuilder<List<ArtikelData>>(
      stream: DatabaseService(tag: tag).artiklarByDate,
      builder: (context, snapshot) {
        if (snapshot.connectionState == ConnectionState.active) {
          return GlobalScaffold(
            body: SingleChildScrollView(
              child: Container(
                child: Center(
                  child: Container(
                    padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        GradientHeading(text: "Artiklar", large: true),
                        isAdmin
                            ? NormalButton(
                                text: "Skapa ny artikel",
                                onPressed: () {
                                  Navigator.pushNamed(
                                      context, createNewArtikelRoute);
                                },
                              )
                            : Container(),
                        SizedBox(height: 10),
                        SingleChildScrollView(
                          controller: _scrollController,
                          scrollDirection: Axis.horizontal,
                          child: TagList(path: tag),
                        ),
                        SizedBox(height: 10),
                        LatestArtiklar(
                          snapshot: snapshot,
                          totalPosts: snapshot.data.length,
                          numberOfPosts: 10,
                        ),
                      ],
                    ),
                  ),
                ),
              ),
            ),
          );
        } else if (!snapshot.hasData) {
          return GlobalScaffold(
            body: SingleChildScrollView(
              child: Container(
                child: Center(
                  child: Container(
                    padding: EdgeInsets.symmetric(horizontal: 20, vertical: 15),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        GradientHeading(text: "Artiklar", large: true),
                        SizedBox(height: 10),
                        SingleChildScrollView(
                          scrollDirection: Axis.horizontal,
                          child: TagList(path: tag),
                        ),
                        SizedBox(height: 10),
                        LatestArtiklar(hasNoPosts: true)
                      ],
                    ),
                  ),
                ),
              ),
            ),
          );
        } else {
          return GlobalScaffold(
            body: Center(child: CircularProgressIndicator()),
          );
        }
      },
    );
  }
}

Answer 1

这是因为该小部件已经构建在树上，因此initState不会再次为该小部件调用。

例如，您可以覆盖didUpdateWidget每次重建小部件时触发的方法，并使其跳转到那里。

@override
void didUpdateWidget(Widget old){
  super.didUpdateWidget(old);
  _scrollController.jumpTo(initialOffset);
}