In Flutter, how to add a jump index to a ListView












-1















In iOS there is a build-in way to have a jump index at the right side of a UITableView.



E.g. if the table view contains contacts you would have a jump index with the letters A-Z and if the user taps "K" the table would will automatically jump to the section with all the names that starts with a "K".



Is there something similar for Flutter ListView?



Long list jump index example










share|improve this question




















  • 1





    Perhaps pub.dartlang.org/packages/side_header_list_view, pub.dartlang.org/packages/sticky_header_list, pub.dartlang.org/packages/flutter_sticky_header

    – Günter Zöchbauer
    Jan 2 at 13:10








  • 1





    It is not the headers I miss, but the right side index to jump directly to a section.

    – Nicolai Henriksen
    Jan 2 at 13:14






  • 1





    If these widgets don't provide that you'll probably need to implement that yourself for now. There might be widgets in pub.dartlang.org that I don't know about that do that though (not really up-to-date on all the community packages)

    – Günter Zöchbauer
    Jan 2 at 13:16











  • https://pub.dartlang.org/packages/indexed_list_view This might help?

    – Jerome Escalante
    Jan 2 at 13:32













  • The indexed_list_view package will help jump to a specific index and that is one piece of the challenge. Still missing is the UI part and finding the correct index.

    – Nicolai Henriksen
    Jan 2 at 14:21
















-1















In iOS there is a build-in way to have a jump index at the right side of a UITableView.



E.g. if the table view contains contacts you would have a jump index with the letters A-Z and if the user taps "K" the table would will automatically jump to the section with all the names that starts with a "K".



Is there something similar for Flutter ListView?



Long list jump index example










share|improve this question




















  • 1





    Perhaps pub.dartlang.org/packages/side_header_list_view, pub.dartlang.org/packages/sticky_header_list, pub.dartlang.org/packages/flutter_sticky_header

    – Günter Zöchbauer
    Jan 2 at 13:10








  • 1





    It is not the headers I miss, but the right side index to jump directly to a section.

    – Nicolai Henriksen
    Jan 2 at 13:14






  • 1





    If these widgets don't provide that you'll probably need to implement that yourself for now. There might be widgets in pub.dartlang.org that I don't know about that do that though (not really up-to-date on all the community packages)

    – Günter Zöchbauer
    Jan 2 at 13:16











  • https://pub.dartlang.org/packages/indexed_list_view This might help?

    – Jerome Escalante
    Jan 2 at 13:32













  • The indexed_list_view package will help jump to a specific index and that is one piece of the challenge. Still missing is the UI part and finding the correct index.

    – Nicolai Henriksen
    Jan 2 at 14:21














-1












-1








-1








In iOS there is a build-in way to have a jump index at the right side of a UITableView.



E.g. if the table view contains contacts you would have a jump index with the letters A-Z and if the user taps "K" the table would will automatically jump to the section with all the names that starts with a "K".



Is there something similar for Flutter ListView?



Long list jump index example










share|improve this question
















In iOS there is a build-in way to have a jump index at the right side of a UITableView.



E.g. if the table view contains contacts you would have a jump index with the letters A-Z and if the user taps "K" the table would will automatically jump to the section with all the names that starts with a "K".



Is there something similar for Flutter ListView?



Long list jump index example







flutter






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Jan 2 at 13:30







Nicolai Henriksen

















asked Jan 2 at 13:07









Nicolai HenriksenNicolai Henriksen

510320




510320








  • 1





    Perhaps pub.dartlang.org/packages/side_header_list_view, pub.dartlang.org/packages/sticky_header_list, pub.dartlang.org/packages/flutter_sticky_header

    – Günter Zöchbauer
    Jan 2 at 13:10








  • 1





    It is not the headers I miss, but the right side index to jump directly to a section.

    – Nicolai Henriksen
    Jan 2 at 13:14






  • 1





    If these widgets don't provide that you'll probably need to implement that yourself for now. There might be widgets in pub.dartlang.org that I don't know about that do that though (not really up-to-date on all the community packages)

    – Günter Zöchbauer
    Jan 2 at 13:16











  • https://pub.dartlang.org/packages/indexed_list_view This might help?

    – Jerome Escalante
    Jan 2 at 13:32













  • The indexed_list_view package will help jump to a specific index and that is one piece of the challenge. Still missing is the UI part and finding the correct index.

    – Nicolai Henriksen
    Jan 2 at 14:21














  • 1





    Perhaps pub.dartlang.org/packages/side_header_list_view, pub.dartlang.org/packages/sticky_header_list, pub.dartlang.org/packages/flutter_sticky_header

    – Günter Zöchbauer
    Jan 2 at 13:10








  • 1





    It is not the headers I miss, but the right side index to jump directly to a section.

    – Nicolai Henriksen
    Jan 2 at 13:14






  • 1





    If these widgets don't provide that you'll probably need to implement that yourself for now. There might be widgets in pub.dartlang.org that I don't know about that do that though (not really up-to-date on all the community packages)

    – Günter Zöchbauer
    Jan 2 at 13:16











  • https://pub.dartlang.org/packages/indexed_list_view This might help?

    – Jerome Escalante
    Jan 2 at 13:32













  • The indexed_list_view package will help jump to a specific index and that is one piece of the challenge. Still missing is the UI part and finding the correct index.

    – Nicolai Henriksen
    Jan 2 at 14:21








1




1





Perhaps pub.dartlang.org/packages/side_header_list_view, pub.dartlang.org/packages/sticky_header_list, pub.dartlang.org/packages/flutter_sticky_header

– Günter Zöchbauer
Jan 2 at 13:10







Perhaps pub.dartlang.org/packages/side_header_list_view, pub.dartlang.org/packages/sticky_header_list, pub.dartlang.org/packages/flutter_sticky_header

– Günter Zöchbauer
Jan 2 at 13:10






1




1





It is not the headers I miss, but the right side index to jump directly to a section.

– Nicolai Henriksen
Jan 2 at 13:14





It is not the headers I miss, but the right side index to jump directly to a section.

– Nicolai Henriksen
Jan 2 at 13:14




1




1





If these widgets don't provide that you'll probably need to implement that yourself for now. There might be widgets in pub.dartlang.org that I don't know about that do that though (not really up-to-date on all the community packages)

– Günter Zöchbauer
Jan 2 at 13:16





If these widgets don't provide that you'll probably need to implement that yourself for now. There might be widgets in pub.dartlang.org that I don't know about that do that though (not really up-to-date on all the community packages)

– Günter Zöchbauer
Jan 2 at 13:16













https://pub.dartlang.org/packages/indexed_list_view This might help?

– Jerome Escalante
Jan 2 at 13:32







https://pub.dartlang.org/packages/indexed_list_view This might help?

– Jerome Escalante
Jan 2 at 13:32















The indexed_list_view package will help jump to a specific index and that is one piece of the challenge. Still missing is the UI part and finding the correct index.

– Nicolai Henriksen
Jan 2 at 14:21





The indexed_list_view package will help jump to a specific index and that is one piece of the challenge. Still missing is the UI part and finding the correct index.

– Nicolai Henriksen
Jan 2 at 14:21












1 Answer
1






active

oldest

votes


















0














From comments and research I conclude that (right now) this is not something Flutter provides.



The building blocks for implementing it seems to be there but significant work is needed.






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%2f54006939%2fin-flutter-how-to-add-a-jump-index-to-a-listview%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














    From comments and research I conclude that (right now) this is not something Flutter provides.



    The building blocks for implementing it seems to be there but significant work is needed.






    share|improve this answer




























      0














      From comments and research I conclude that (right now) this is not something Flutter provides.



      The building blocks for implementing it seems to be there but significant work is needed.






      share|improve this answer


























        0












        0








        0







        From comments and research I conclude that (right now) this is not something Flutter provides.



        The building blocks for implementing it seems to be there but significant work is needed.






        share|improve this answer













        From comments and research I conclude that (right now) this is not something Flutter provides.



        The building blocks for implementing it seems to be there but significant work is needed.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Jan 4 at 10:44









        Nicolai HenriksenNicolai Henriksen

        510320




        510320
































            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%2f54006939%2fin-flutter-how-to-add-a-jump-index-to-a-listview%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

            MongoDB - Not Authorized To Execute Command

            in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith

            How to fix TextFormField cause rebuild widget in Flutter