In Flutter, how to add a jump index to a ListView
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?

add a comment |
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?

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
add a comment |
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?

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?


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
add a comment |
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
add a comment |
1 Answer
1
active
oldest
votes
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.
add a comment |
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
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.
add a comment |
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.
add a comment |
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.
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.
answered Jan 4 at 10:44
Nicolai HenriksenNicolai Henriksen
510320
510320
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
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
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
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