উল্লম্ব ভিউপোর্টকে সীমাহীন উচ্চতা দেওয়া হয়েছিল

Question 1

এটি আমার কোড:

  @override
  Widget build(BuildContext context) {
    return new Material(
      color: Colors.deepPurpleAccent,
      child: new Column(
       mainAxisAlignment: MainAxisAlignment.center,
          children:<Widget>[new GridView.count(crossAxisCount: _column,children: new List.generate(_row*_column, (index) {
            return new Center(
                child: new CellWidget()
            );
          }),)]
      )
    );
  }

নিম্নলিখিত হিসাবে ব্যতিক্রম:

I/flutter ( 9925): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter ( 9925): The following assertion was thrown during performResize():
I/flutter ( 9925): Vertical viewport was given unbounded height.
I/flutter ( 9925): Viewports expand in the scrolling direction to fill their container. In this case, a vertical
I/flutter ( 9925): viewport was given an unlimited amount of vertical space in which to expand. This situation
I/flutter ( 9925): typically happens when a scrollable widget is nested inside another scrollable widget.
I/flutter ( 9925): If this widget is always nested in a scrollable widget there is no need to use a viewport because
I/flutter ( 9925): there will always be enough vertical space for the children. In this case, consider using a Column
I/flutter ( 9925): instead. Otherwise, consider using the "shrinkWrap" property (or a ShrinkWrappingViewport) to size
I/flutter ( 9925): the height of the viewport to the sum of the heights of its children.
I/flutter ( 9925): 
I/flutter ( 9925): When the exception was thrown, this was the stack:
I/flutter ( 9925): #0      RenderViewport.performResize.<anonymous closure> (package:flutter/src/rendering/viewport.dart:827:15)
I/flutter ( 9925): #1      RenderViewport.performResize (package:flutter/src/rendering/viewport.dart:880:6)
I/flutter ( 9925): #2      RenderObject.layout (package:flutter/src/rendering/object.dart:1555:9)

Question 2

এই দুটি লাইন যুক্ত করা হচ্ছে

ListView.builder(
    scrollDirection: Axis.vertical,
    shrinkWrap: true,
...

Question 3

এটি সাধারণত ঘটে যখন আপনি একটি ListView/ GridViewভিতরে ব্যবহার করার চেষ্টা করেন Column, এটি সমাধানের অনেকগুলি উপায় আছে, আমি এখানে কয়েকটি তালিকাবদ্ধ করছি listing

মোড়ানো ListViewমধ্যেExpanded

Column(
  children: <Widget>[
    Expanded( // wrap in Expanded
      child: ListView(...),
    ),
  ],
)

মোড়ানো ListViewমধ্যে SizedBoxদিতে একটি বেষ্টিতheight

Column(
  children: <Widget>[
    SizedBox(
      height: 400, // fixed height
      child: ListView(...),
    ),
  ],
)

ব্যবহার করুন shrinkWrap: trueমধ্যে ListView।

Column(
  children: <Widget>[
    ListView(
      shrinkWrap: true, // use this
    ),
  ],
)

Question 4

সুতরাং, প্রত্যেকে উত্তর পোস্ট করেছেন তবে কেউ কেন তা ব্যাখ্যা করার জন্য পাত্তা দেয়নি: আমি ডকুমেন্টেশনগুলি অনুলিপি করব shrinkWrap:

[স্ক্রোলডাইরেক্টেশন] এ স্ক্রোল দর্শনটির সীমাটি নির্ধারিত সামগ্রী দ্বারা নির্ধারণ করা উচিত কিনা।

যদি স্ক্রোল ভিউটি মোড়কে সঙ্কুচিত না করে তবে স্ক্রোল ভিউ [স্ক্রোলডাইরেক্টেশন] এর সর্বাধিক অনুমোদিত আকারে প্রসারিত হবে। যদি [স্ক্রোলডাইরেক্টেশন] এ স্ক্রোল ভিউটির সীমাহীন বাধা থাকে, তবে [সঙ্কুচিতভাবে মোড়ানো] অবশ্যই সত্য হবে।

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

ডিফল্ট false।

সুতরাং, দস্তাবেজের শব্দভাণ্ডারটি গ্রহণ করে, এখানে কী ঘটছে তা হ'ল আমাদের সীমাহীন বাধারListView পরিস্থিতি (আমরা যে দিকে স্ক্রোলিং করছি) সেভাবেই এইভাবে ListViewঅভিযোগ করবে যে:

... একটি উল্লম্ব ভিউপোর্টকে সীমিত পরিমাণে উল্লম্ব স্থান দেওয়া হয়েছিল যাতে প্রসারিত হতে পারে।

কেবল সেট shrinkWrapকরে trueসেটি নিশ্চিত করে নিশ্চিত করুন যে এটি সামগ্রীর দ্বারা সংজ্ঞায়িত আকারটিকে মোড়া করে। উদাহরণস্বরূপ একটি নমুনা কোড:

// ...
  ListView(
    // Says to the `ListView` that it must wrap its
    // height (if it's vertical) and width (if it's horizontal).
    shrinkWrap: true,
  ),
// ...

যাইহোক, আপনার কোডটি যা করছে তা সত্ত্বেও, @ রামি পরামর্শটি এ ক্ষেত্রে ব্যবহার Alignনা করে এই ক্ষেত্রে সেরা Column।

Question 5

নমনীয় বা প্রসারিত উইজেটের ভিতরে গ্রিড ভিউ রাখুন

return new Material(
    color: Colors.deepPurpleAccent,
    child: new Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children:<Widget>[
         Flexible(
          child:  GridView.count(crossAxisCount: _column,children: new List.generate(_row*_column, (index) {
          return new Center(
             child: new CellWidget(),
          );
        }),))]
    )
);

Question 6

এই পরিস্থিতিটি সাধারণত ঘটে যখন কোনও স্ক্রোলযোগ্য উইজেট অন্য স্ক্রোলযোগ্য উইজেটের অভ্যন্তরে থাকে।

আমার ক্ষেত্রে আমি কলামের অভ্যন্তরে গ্রিডভিউ ব্যবহার করি এবং সেই ত্রুটি নিক্ষেপ করে।

গ্রিডভিউ উইজেটের shrinkWrapসম্পত্তি / নামকরণের প্যারামিটার রয়েছে, সেট করতে trueআমার সমস্যাটি স্থির হয়েছে।

GridView.count(
  shrinkWrap: true,
  // rest of code
)

Question 7

Columnএকক শিশু সারিবদ্ধ জন্য ব্যবহার করবেন না । Alignপরিবর্তে ব্যবহার করুন।

    new Align(
      alignment: Alignment.topCenter,
      child: new GridView(),
    )

Question 8

যদিও shrinkWrapজিনিসটি করুন তবে আপনি এতে স্ক্রোল করতে পারবেন না ListView।

আপনি যদি স্ক্রোলিং কার্যকারিতা চান তবে আপনি physicsসম্পত্তি যুক্ত করতে পারেন :

ListView.builder(
    scrollDirection: Axis.vertical,
    shrinkWrap: true,
    physics: ScrollPhysics(),
...

Question 9

ListView/GridViewএটি হ'ল কারণ উইজেটের আকার নিতে কোনও পিতামাতা নেই, সুতরাং এটির উচ্চতা অসীম এবং এটি হ'ল বিড়বিড় করে তালিকাভিউয়ের উচ্চতা জানেন না এবং রেন্ডার করতে পারবেন না।

সমাধান এক: নির্দিষ্ট উচ্চতা

এটিকে সরাসরি মুড়ে নিন Containerবা SizedBoxমৃত উচ্চতা লিখুন।
```
Column(
  children: <Widget>[
    SizedBox(
     height: 400, // fixed height
    child: ListView(...),
   ),
 ],
)
```

এটি ঠিক আছে, তবে উচ্চতাটি যদি অভিযোজিত হওয়ার দরকার হয় তবে এটি লিখলে তা কার্যকর হবে না।

সমাধান দুটি: সঙ্কুচিত মোড়ানো: সত্য

ব্যবহার করে দেখুন shrinkWrap: trueসঙ্গে physics: ScrollPhysics()স্ক্রলিং জন্য

shrinkWrap: trueঅ্যান্ড্রয়েডের মতো কিছুটা wrap_content।
```
ListView.builder(
   scrollDirection: Axis.vertical,
   shrinkWrap: true,
   physics: ScrollPhysics()
...
```

তবে সংকলনের পরে, আপনি পৃষ্ঠার নীচে একটি দীর্ঘ হলুদ সতর্কতা পাবেন।

তবুও পারি না

সমাধান তিনটি: প্রসারিত বা নমনীয়

Flexible অ্যান্ড্রয়েডে লিনিয়ারলআউটের সমতুল্য, বিড়বিড় করে একটি নমনীয় বিন্যাস।

নমনীয় মধ্যে একটি আছে flexবৈশিষ্ট্য, লেআউট_ ওয়েটের সমান, অবশিষ্ট সমস্ত স্থান গ্রহণ করে।

সুতরাং, আমরা নমনীয় সহ তালিকাগুলি মোড়তে পারি।
```
Column(
  children: <Widget>[
    Expanded( 
      child: ListView(...),
    ),
  ],
)
```

এই উত্তর ভিত্তিক: উল্লম্ব ভিউপোর্টকে সীমাহীন উচ্চতা দেওয়া হয়েছিল।

Question 10

দ্বিতীয় তালিকা দেখার জন্য এটি পরীক্ষা করুন

ListView.builder(
            physics: NeverScrollableScrollPhysics(),

Question 11

সেন্টার নামে একটি উইজেট রয়েছে। আপনি যা করতে চান তা অর্জনে এটি আপনাকে সহায়তা করবে (এটি উল্লম্বভাবে কেন্দ্র করুন)। কেন্দ্র উইজেটের জন্য অফিসিয়াল ডকুমেন্টেশন