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

                    Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

                    Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript