প্রোগ্রামিয়ালি একটি তালিকাভিউয়ের শেষে স্ক্রোল করছে ling

Question 1

আমার একটি স্ক্রোলযোগ্য আছে ListViewযেখানে আইটেমের সংখ্যা গতিশীল পরিবর্তন করতে পারে। যখনই তালিকার শেষের দিকে একটি নতুন আইটেম যুক্ত করা হবে তখন আমি প্রোগ্রাম ListViewথেকে শেষ পর্যন্ত স্ক্রোল করতে চাই । (যেমন, চ্যাট বার্তার তালিকার মতো এমন কিছু যেখানে নতুন বার্তাগুলি শেষে যুক্ত করা যেতে পারে)

আমার অনুমানটি হ'ল আমাকে ScrollControllerআমার Stateঅবজেক্টে একটি তৈরি করতে হবে এবং ম্যানুয়ালি এটি ListViewকন্সট্রাক্টরের কাছে দিতে হবে, তাই আমি পরে কন্ট্রোলারে কল animateTo()/ jumpTo()পদ্ধতিতে কল করতে পারি । তবে, যেহেতু আমি সহজেই সর্বাধিক স্ক্রোল অফসেটটি নির্ধারণ করতে পারি না, তাই কেবল এক scrollToEnd()ধরণের অপারেশন করা অসম্ভব বলে মনে হয় (যেখানে আমি 0.0এটিকে প্রাথমিক অবস্থানে স্ক্রোল করতে সহজেই পার করতে পারি)।

এটি অর্জন করার কোন সহজ উপায় আছে?

ব্যবহার reverse: trueকরা আমার পক্ষে একটি নিখুঁত সমাধান নয়, কারণ আমি চাই ListViewভিউপোর্টের অভ্যন্তরে যখন খুব কম সংখ্যক আইটেম থাকে তখন আইটেমগুলি শীর্ষে সারিবদ্ধ হয় ।

Question 2

আপনি যদি একটি সঙ্কুচিত আবৃত ব্যবহার করেন তাহলে ListViewসঙ্গে reverse: true, 0.0 থেকে এটি স্ক্রলিং আপনি যা চান তা করতে হবে।

import 'dart:collection';

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Example',
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<Widget> _messages = <Widget>[new Text('hello'), new Text('world')];
  ScrollController _scrollController = new ScrollController();

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Center(
        child: new Container(
          decoration: new BoxDecoration(backgroundColor: Colors.blueGrey.shade100),
          width: 100.0,
          height: 100.0,
          child: new Column(
            children: [
              new Flexible(
                child: new ListView(
                  controller: _scrollController,
                  reverse: true,
                  shrinkWrap: true,
                  children: new UnmodifiableListView(_messages),
                ),
              ),
            ],
          ),
        ),
      ),
      floatingActionButton: new FloatingActionButton(
        child: new Icon(Icons.add),
        onPressed: () {
          setState(() {
            _messages.insert(0, new Text("message ${_messages.length}"));
          });
          _scrollController.animateTo(
            0.0,
            curve: Curves.easeOut,
            duration: const Duration(milliseconds: 300),
          );
        }
      ),
    );
  }
}

Question 3

এটি অর্জনের জন্য ব্যবহার ScrollController.jumpTo()বা ScrollController.animateTo()পদ্ধতি।

উদাহরণ:

final _controller = ScrollController();

@override
Widget build(BuildContext context) {
  
  // After 1 second, it takes you to the bottom of the ListView
  Timer(
    Duration(seconds: 1),
    () => _controller.jumpTo(_controller.position.maxScrollExtent),
  );

  return ListView.builder(
    controller: _controller,
    itemCount: 50,
    itemBuilder: (_, __) => ListTile(title: Text('ListTile')),
  );
}

আপনি যদি মসৃণ স্ক্রোলিং করতে চান তবে jumpToউপরের ব্যবহারের পরিবর্তে

_controller.animateTo(
  _controller.position.maxScrollExtent,
  duration: Duration(seconds: 1),
  curve: Curves.fastOutSlowIn,
);

Question 4

listViewScrollController.animateTo(listViewScrollController.position.maxScrollExtent) সহজতম উপায়।

Question 5

নিখুঁত ফলাফল পেতে আমি কলিন জ্যাকসন এবং সিপসঅনআরডের উত্তরগুলি নীচে একত্রিত করেছি:

_scrollController.animateTo(
                              _scrollController.position.maxScrollExtent,
                              curve: Curves.easeOut,
                              duration: const Duration(milliseconds: 500),
                            );

Question 6

তালিকার নীচে যাবার জন্য আমি অন্য পদ্ধতির ব্যবহার করতে স্ক্রোল নিয়ামকটি ব্যবহার করার চেষ্টা করে আমার এত সমস্যা হয়েছে।

তালিকায় নীচে প্রেরণে কোনও ইভেন্ট তৈরির পরিবর্তে, আমি বিপরীত তালিকাটি ব্যবহার করতে আমার যুক্তি পরিবর্তন করি।

সুতরাং, প্রতিবার আমার কাছে একটি নতুন আইটেম রয়েছে, আমি কেবলমাত্র তালিকার শীর্ষে সন্নিবেশ করিয়ে।

// add new message at the begin of the list 
list.insert(0, message);
// ...

// pull items from the database
list = await bean.getAllReversed(); // basically a method that applies a descendent order

// I remove the scroll controller
new Flexible(
  child: new ListView.builder(
    reverse: true, 
    key: new Key(model.count().toString()),
    itemCount: model.count(),
    itemBuilder: (context, i) => ChatItem.displayMessage(model.getItem(i))
  ),
),

Question 7

আরম্ভতে উইজেটবাইন্ডিং রাখবেন না, পরিবর্তে, আপনাকে এটি এমন পদ্ধতিতে রাখা দরকার যা ডাটাবেস থেকে আপনার ডেটা আনবে। উদাহরণস্বরূপ, এই মত। যদি আরম্ভ করাতে থাকে, তবে এটি কোনও তালিকার scrollcontrollerসাথে সংযুক্ত হবে না।

    Future<List<Message>> fetchMessage() async {

    var res = await Api().getData("message");
    var body = json.decode(res.body);
    if (res.statusCode == 200) {
      List<Message> messages = [];
      var count=0;
      for (var u in body) {
        count++;
        Message message = Message.fromJson(u);
        messages.add(message);
      }
      WidgetsBinding.instance
          .addPostFrameCallback((_){
        if (_scrollController.hasClients) {
          _scrollController.jumpTo(_scrollController.position.maxScrollExtent);
        }
      });
      return messages;
    } else {
      throw Exception('Failed to load album');
    }
   }

Question 8

আপনি 0.09*heightতালিকার একটি সারির উচ্চতা যেখানে এটি ব্যবহার করতে পারেন এবং _controllerএটির মতো সংজ্ঞায়িত করা হয়েছে_controller = ScrollController();

(BuildContext context, int pos) {
    if(pos != 0) {
        _controller.animateTo(0.09 * height * (pos - 1), 
                              curve: Curves.easeInOut,
                              duration: Duration(milliseconds: 1400));
    }
}