Flutter two listview.builder on same page with dynamic heightHow do you split a list into evenly sized chunks?Get difference between two listsIEnumerable vs List - What to Use? How do they work?R - list to data frameHow to return dictionary keys as a list in Python?Why not inherit from List<T>?Flutter: Minimum height on horizontal list viewFlutter Dynamic maxHeightFlutter ListView.builder not updating after insertFlutter: Auto Vertical Height in ListView.builder

Delete multiple columns using awk or sed

How much theory knowledge is actually used while playing?

Are Captain Marvel's powers affected by Thanos breaking the Tesseract and claiming the stone?

Why is the Sun approximated as a black body at ~ 5800 K?

What does "Scientists rise up against statistical significance" mean? (Comment in Nature)

A variation to the phrase "hanging over my shoulders"

Biological Blimps: Propulsion

How to draw a matrix with arrows in limited space

Giving feedback to someone without sounding prejudiced

Stack Interview Code methods made from class Node and Smart Pointers

What is the difference between lands and mana?

Which Article Helped Get Rid of Technobabble in RPGs?

Why is so much work done on numerical verification of the Riemann Hypothesis?

How could a planet have erratic days?

Pre-mixing cryogenic fuels and using only one fuel tank

How to convince somebody that he is fit for something else, but not this job?

Will number of steps recorded on FitBit/any fitness tracker add up distance in PokemonGo?

Circuit Analysis: Obtaining Close Loop OP - AMP Transfer function

Is this toilet slogan correct usage of the English language?

C++ copy constructor called at return

Why is it that I can sometimes guess the next note?

How to get directions in deep space?

Why does AES have exactly 10 rounds for a 128-bit key, 12 for 192 bits and 14 for a 256-bit key size?

What to do when eye contact makes your coworker uncomfortable?



Flutter two listview.builder on same page with dynamic height


How do you split a list into evenly sized chunks?Get difference between two listsIEnumerable vs List - What to Use? How do they work?R - list to data frameHow to return dictionary keys as a list in Python?Why not inherit from List<T>?Flutter: Minimum height on horizontal list viewFlutter Dynamic maxHeightFlutter ListView.builder not updating after insertFlutter: Auto Vertical Height in ListView.builder













0















I'm using flutter. I have two dynamic lists of item available and items unavailable.
I want to show both lists in a way that it shows complete available item list then complete unavailable item list and flutter will decide the length dynamically.



Thank you.










share|improve this question


























    0















    I'm using flutter. I have two dynamic lists of item available and items unavailable.
    I want to show both lists in a way that it shows complete available item list then complete unavailable item list and flutter will decide the length dynamically.



    Thank you.










    share|improve this question
























      0












      0








      0








      I'm using flutter. I have two dynamic lists of item available and items unavailable.
      I want to show both lists in a way that it shows complete available item list then complete unavailable item list and flutter will decide the length dynamically.



      Thank you.










      share|improve this question














      I'm using flutter. I have two dynamic lists of item available and items unavailable.
      I want to show both lists in a way that it shows complete available item list then complete unavailable item list and flutter will decide the length dynamically.



      Thank you.







      list listview dynamic flutter flutter-layout






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 13 hours ago









      B.AyazB.Ayaz

      105




      105






















          1 Answer
          1






          active

          oldest

          votes


















          0














          This is a small example should show red Container for available items and blue items for unavailable items.



          List<int> unavailable;
          List<int> available;

          Expanded(
          child: CustomScrollView(slivers: <Widget>[
          SliverList(
          delegate: SliverChildBuilderDelegate(
          (BuildContext context, int index)
          final item = available[index];
          if (index > available.length) return null;
          return Container(color: Colors.red, height: 150.0); // you can add available your item here
          ,
          childCount: available.length,
          ),
          ),
          SliverList(
          delegate: SliverChildBuilderDelegate(
          (BuildContext context, int index)
          final item = unavailable[index];
          if (index > unavailable.length) return null;
          return Container(color: Colors.blue, height: 150.0); // you can add unavailable your item here
          ,
          childCount: unavailable.length,
          ),
          )
          ]));





          share|improve this answer






















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            autoActivateHeartbeat: false,
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55280132%2fflutter-two-listview-builder-on-same-page-with-dynamic-height%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            This is a small example should show red Container for available items and blue items for unavailable items.



            List<int> unavailable;
            List<int> available;

            Expanded(
            child: CustomScrollView(slivers: <Widget>[
            SliverList(
            delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index)
            final item = available[index];
            if (index > available.length) return null;
            return Container(color: Colors.red, height: 150.0); // you can add available your item here
            ,
            childCount: available.length,
            ),
            ),
            SliverList(
            delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index)
            final item = unavailable[index];
            if (index > unavailable.length) return null;
            return Container(color: Colors.blue, height: 150.0); // you can add unavailable your item here
            ,
            childCount: unavailable.length,
            ),
            )
            ]));





            share|improve this answer



























              0














              This is a small example should show red Container for available items and blue items for unavailable items.



              List<int> unavailable;
              List<int> available;

              Expanded(
              child: CustomScrollView(slivers: <Widget>[
              SliverList(
              delegate: SliverChildBuilderDelegate(
              (BuildContext context, int index)
              final item = available[index];
              if (index > available.length) return null;
              return Container(color: Colors.red, height: 150.0); // you can add available your item here
              ,
              childCount: available.length,
              ),
              ),
              SliverList(
              delegate: SliverChildBuilderDelegate(
              (BuildContext context, int index)
              final item = unavailable[index];
              if (index > unavailable.length) return null;
              return Container(color: Colors.blue, height: 150.0); // you can add unavailable your item here
              ,
              childCount: unavailable.length,
              ),
              )
              ]));





              share|improve this answer

























                0












                0








                0







                This is a small example should show red Container for available items and blue items for unavailable items.



                List<int> unavailable;
                List<int> available;

                Expanded(
                child: CustomScrollView(slivers: <Widget>[
                SliverList(
                delegate: SliverChildBuilderDelegate(
                (BuildContext context, int index)
                final item = available[index];
                if (index > available.length) return null;
                return Container(color: Colors.red, height: 150.0); // you can add available your item here
                ,
                childCount: available.length,
                ),
                ),
                SliverList(
                delegate: SliverChildBuilderDelegate(
                (BuildContext context, int index)
                final item = unavailable[index];
                if (index > unavailable.length) return null;
                return Container(color: Colors.blue, height: 150.0); // you can add unavailable your item here
                ,
                childCount: unavailable.length,
                ),
                )
                ]));





                share|improve this answer













                This is a small example should show red Container for available items and blue items for unavailable items.



                List<int> unavailable;
                List<int> available;

                Expanded(
                child: CustomScrollView(slivers: <Widget>[
                SliverList(
                delegate: SliverChildBuilderDelegate(
                (BuildContext context, int index)
                final item = available[index];
                if (index > available.length) return null;
                return Container(color: Colors.red, height: 150.0); // you can add available your item here
                ,
                childCount: available.length,
                ),
                ),
                SliverList(
                delegate: SliverChildBuilderDelegate(
                (BuildContext context, int index)
                final item = unavailable[index];
                if (index > unavailable.length) return null;
                return Container(color: Colors.blue, height: 150.0); // you can add unavailable your item here
                ,
                childCount: unavailable.length,
                ),
                )
                ]));






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered 13 hours ago









                TaymTaym

                1




                1





























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55280132%2fflutter-two-listview-builder-on-same-page-with-dynamic-height%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

                    SQL error code 1064 with creating Laravel foreign keysForeign key constraints: When to use ON UPDATE and ON DELETEDropping column with foreign key Laravel error: General error: 1025 Error on renameLaravel SQL Can't create tableLaravel Migration foreign key errorLaravel php artisan migrate:refresh giving a syntax errorSQLSTATE[42S01]: Base table or view already exists or Base table or view already exists: 1050 Tableerror in migrating laravel file to xampp serverSyntax error or access violation: 1064:syntax to use near 'unsigned not null, modelName varchar(191) not null, title varchar(191) not nLaravel cannot create new table field in mysqlLaravel 5.7:Last migration creates table but is not registered in the migration table

                    은진 송씨 목차 역사 본관 분파 인물 조선 왕실과의 인척 관계 집성촌 항렬자 인구 같이 보기 각주 둘러보기 메뉴은진 송씨세종실록 149권, 지리지 충청도 공주목 은진현