SliverAppBar 및 컨트롤러가있는 목록보기

Question

ListView 안에 NestedScrollView이 있고 SliverAppBar이 축소되어 있습니다. 그러나 컨트롤러를 ListView에 추가하면 작동이 멈 춥니 다 (AppBar 접히지 않습니다). 다음은 왼쪽 ListView이 SliverAppBar에 영향을 미치지 않지만 오른쪽은 ListView에 영향을주는 예제입니다.

import 'package:flutter/material.dart'; 

void main() { 
    runApp(new MyApp()); 
} 

class MyApp extends StatelessWidget { 
    @override 
    Widget build(BuildContext context) { 
    return new MaterialApp(
     title: 'Flutter Demo', 
     theme: new ThemeData(
     primarySwatch: Colors.blue, 
    ), 
     home: new MyHomePage(), 
    ); 
    } 
} 

class MyHomePage extends StatefulWidget { 
    MyHomePage({Key key}) : super(key: key); 

    @override 
    _MyHomePageState createState() => new _MyHomePageState(); 
} 

class _MyHomePageState extends State<MyHomePage> { 
    ScrollController scrollController = new ScrollController(); 
    List<String> entries = ["a", "b", "c", "d", "e", "a", "b", "c", "d", "e"]; 

    @override 
    Widget build(BuildContext context) { 
    return new DefaultTabController(
     length: 2, 
     child: new Scaffold(
     body: new NestedScrollView(
      headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { 
      return <Widget>[ 
       new SliverAppBar(
        title: new Text("My app"), 
        pinned: true, 
        expandedHeight: 150.0, 
        floating: true, 
        forceElevated: innerBoxIsScrolled, 
        bottom: new TabBar(
        tabs: <Tab>[ 
         new Tab(text: "FIRST"), 
         new Tab(text: "SECOND"), 
        ], 
       )), 
      ]; 
      }, 
      body: new TabBarView(
      children: <Widget>[ 
       new ListView.builder(
       itemCount: entries.length, 
       controller: scrollController, 
       itemExtent: 60.0, 
       itemBuilder: (buildContext, index) { 
        return new Text(entries[index]); 
       }, 
      ), 
       new ListView.builder(
       itemCount: entries.length, 
       itemExtent: 60.0, 
       itemBuilder: (buildContext, index) { 
        return new Text(entries[index]); 
       }, 
      ), 
      ], 
     ), 
     ), 
    ), 
    ); 
    } 
} 

는 컨트롤러가 ListView에 부착 여전히 NestedScrollView 통지 가질 수 있다면 당신은 어떤 생각을 가지고 있습니까?

Answer 1

NestedScrollView을 사용하는 경우 각 자식 Scrollable의 스크롤 위치를 모두 스크롤 가능한 것처럼 관리하도록 선택합니다. 컨트롤러가있는 개별 어린이의 위치를 ​​제어 할 수있는 방법이 없습니다. 그렇게하면 NestedScrollView을 혼란스럽게 할 수 있기 때문에 도전적 일 것입니다. 그러나, 당신은 완전히 운이 아니야 :

• NestedScrollView에 컨트롤러를 지정할 수 있습니다.
• 중첩 스크롤보기에 스크롤 이벤트가있을 때 현재 스크롤 위치 또는 업데이트에 대한 알림을 받으려면 NotificationListener에 Scrollable을 래핑하여 ScrollNotification을 수신 할 수 있습니다.
• Scrollable을 0 초의 초기 위치로 "재설정"하려면 그 key을 변경하여 상태를 날려 버릴 수 있습니다.