小编nin*_*nne的帖子

当子 ListView 达到滚动限制时让 PageView 页面滚动 - 嵌套滚动?

嵌套滚动?

我有三个垂直页面PageView,我希望能够在它们之间翻转。页面由可滚动的ListViews组成。

当页面处于焦点时,显示的列表应该是垂直可滚动的,但是当列表滚动到任一端时,我希望 pageView 滚动接管滚动行为并处理页面翻转到下一页(就像带有可滚动元素的网页一样)。

下面的滚动列表示例。如果禁用列表滚动,则翻页有效。我怎样才能使两者都工作?

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: VerticalPageView(),
    );
  }
}

class VerticalPageView extends StatelessWidget {
  VerticalPageView({Key key}) : super(key: key);

  final PageController pageController = PageController();
  final ScrollController scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: PageView(
          controller: pageController,
          pageSnapping: true,
          scrollDirection: Axis.vertical,
          children: …
Run Code Online (Sandbox Code Playgroud)

dart flutter

6
推荐指数
1
解决办法
3107
查看次数

标签 统计

dart ×1

flutter ×1