नेस्टेड स्क्रॉलव्यू स्लाईडेबल पैनल विजेट के अंदर


9

मेरे पास एक पैनल विजेट है जिसे स्क्रीन के नीचे से लंबवत रूप से अंदर और बाहर खींचा जा सकता है। उस पैनल विजेट में, एक ListViewस्क्रॉल है।

मैं जो हासिल करने की कोशिश कर रहा हूं, उसमें नेस्टेड सूची के हस्तक्षेप के बिना पैनल को खोलने और बंद करने के लिए ड्रैग को संभालना है। एक बार, पैनल खुला होने पर, सूची दृश्य स्क्रॉल हो जाती है और यदि शीर्ष पर पहले से ही सूची को नीचे स्क्रॉल किया जाता है, तो पैनल इसके बजाय इशारे को संभालता है और बंद कर देता है।

इस तरह:

यहां छवि विवरण दर्ज करें

मैंने पैनल स्थिति के आधार पर सूची दृश्य पर स्क्रॉलिंग भौतिकी को सक्षम / अक्षम करने का प्रयास किया लेकिन इस तरह संभव नहीं हो पाया।

कोई विचार ? :)


क्या आपने मेरे द्वारा दिए गए समाधान की कोशिश की है? मुझे उम्मीद है यह मदद करेगा।
पाब्लो बर्रेरा

@PabloBarrera समाप्त हुआ, DraggableScrollableSheetअपने आप में इस व्यवहार को याद करते हुए , लेकिन मैं आपका जवाब स्वीकार करूंगा;)
Théo Champion

जवाबों:


5

आप इससे हासिल कर सकते हैं 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'),
              ),
            ),
          ),
        ),
      ],
    ),
  );
}
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.