স্লাইডেবল প্যানেল উইজেটের অভ্যন্তরে নেস্টেড স্ক্রোলভিউ

Question

আমার একটি প্যানেল উইজেট রয়েছে যা স্ক্রিনের নীচে থেকে উল্লম্বভাবে টেনে আনা যায়। সেই প্যানেল উইজেটের মধ্যে একটি রয়েছে ListViewযা স্ক্রোলযোগ্য।

আমি যা অর্জন করতে চাইছি তা হল, প্যানেলটি নেস্টেড লিস্টভিউ হস্তক্ষেপ না করে খোলার এবং বন্ধ করার জন্য টানাকে হ্যান্ডেল করে। একবার, প্যানেলটি খোলার পরে, তালিকাটি স্ক্রোলযোগ্য হয়ে যায় এবং যদি ইতিমধ্যে শীর্ষে থাকা অবস্থায় তালিকাটি নীচে স্ক্রল করা হয় তবে প্যানেলটি অঙ্গভঙ্গিটির পরিবর্তে হ্যান্ডেলটি বন্ধ করে বন্ধ করে দেয়।

তাই ভালো:

আমি প্যানেল অবস্থানের উপর ভিত্তি করে তালিকাভিউতে স্ক্রোলিং পদার্থবিজ্ঞান সক্ষম / অক্ষম করার চেষ্টা করেছি কিন্তু সেভাবে সম্ভব হয়নি।

কোন ধারনা ? :)

Comments

আমি যে সমাধানটি দিয়েছি তা কি আপনি চেষ্টা করে দেখেছেন? আমি আসা করি এটা সাহায্য করবে.

— পাবলো ব্যারেরা

@ পাবলো বারেরেরা শেষ হয়ে গেলেন, DraggableScrollableSheetনিজের মধ্যে আচরণটি পুনর্বার করলেন, তবে আমি আপনার উত্তরটি মেনে নেব;)

— থিও চ্যাম্পিয়ন

Answer 1

আপনি এটি দিয়ে অর্জন করতে পারেন DraggableScrollableSheet।

আপনি কীভাবে এটি ব্যবহার করতে পারেন তার একটি দ্রুত উদাহরণ এখানে:

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Stack(
      children: <Widget>[
        Center(child: Text('Some content')),
        DraggableScrollableSheet(
          minChildSize: 0.2,
          initialChildSize: 0.2,
          builder: (context, scrollController) => Container(
            color: Colors.lightBlueAccent,
            child: ListView.builder(
              controller: scrollController,
              itemCount: 20,
              itemBuilder: (context, index) => SizedBox(
                height: 200,
                child: Text('Item $index'),
              ),
            ),
          ),
        ),
      ],
    ),
  );
}