how to implement Alphabet scroll in flutterFlutter - The screen is not scrollingHow to limit scroll distance in a scroll view in Flutter?how to implement push notification in flutterHow to scroll page in flutterFlutter ListView scroll indicatorKeyboard not showing properly when text field is placed in sliverHorizontal ListView inside a Vertical ScrollView in FlutterFlutter widget size depend from anotheronTapDown and other callbacks from GestureDetector() are delayedBidirectional Scroll in flutter
How do we improve the relationship with a client software team that performs poorly and is becoming less collaborative?
Distance between two points on a map made for a game
What makes Graph invariants so useful/important?
Copenhagen passport control - US citizen
When blogging recipes, how can I support both readers who want the narrative/journey and ones who want the printer-friendly recipe?
Can Medicine checks be used, with decent rolls, to completely mitigate the risk of death from ongoing damage?
Could a US political party gain complete control over the government by removing checks & balances?
What does "enim et" mean?
How do I create uniquely male characters?
Need help identifying/translating a plaque in Tangier, Morocco
Magento2: Product backend page error
XeLaTeX and pdfLaTeX ignore hyphenation
I see my dog run
"The augmented fourth (A4) and the diminished fifth (d5) are the only augmented and diminished intervals that appear in diatonic scales"
Shell script can be run only with sh command
What is the meaning of "of trouble" in the following sentence?
Factorio analysis: data munging
Closed subgroups of abelian groups
Are white and non-white police officers equally likely to kill black suspects?
Why has Russell's definition of numbers using equivalence classes been finally abandoned? ( If it has actually been abandoned).
"which" command doesn't work / path of Safari?
What is the command to reset a PC without deleting any files
The use of multiple foreign keys on same column in SQL Server
Email Account under attack (really) - anything I can do?
how to implement Alphabet scroll in flutter
Flutter - The screen is not scrollingHow to limit scroll distance in a scroll view in Flutter?how to implement push notification in flutterHow to scroll page in flutterFlutter ListView scroll indicatorKeyboard not showing properly when text field is placed in sliverHorizontal ListView inside a Vertical ScrollView in FlutterFlutter widget size depend from anotheronTapDown and other callbacks from GestureDetector() are delayedBidirectional Scroll in flutter
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
Is there's any plugin or way to implement this kind of scrolling in flutter?
To be specifi, the letters column on the right on the right, such as highlighting the current alphabet letter, or if a letter is tapped, the scrollview goes directly to that letter header.
For sorting alphabetically, we can do that with List.sort(), for sticky header, we got some nice plugins as well.
dart
flutter edited Mar 29 at 7:46
TruongSinh
1,582823
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
add a comment |
Is there's any plugin or way to implement this kind of scrolling in flutter?
To be specifi, the letters column on the right on the right, such as highlighting the current alphabet letter, or if a letter is tapped, the scrollview goes directly to that letter header.
For sorting alphabetically, we can do that with List.sort(), for sticky header, we got some nice plugins as well.
dart
flutter edited Mar 29 at 7:46
TruongSinh
1,582823
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
3
You could use aListViewusing an orderedList<YourModel>, then useFlatButtonson the right side of the screen. When pressed they scroll to the first index of said letter
– Elcan
Oct 15 '18 at 12:53
1
You might have to implement it in the same manner that was initially implemented in Android libraries that provide this behavior.
– dazza5000
Oct 15 '18 at 16:53
@FlorentUguet this works, for now, I was looking for some sort of scroll through the letters, I think I will get back to it later. thanks
– Osama Gamal
Oct 16 '18 at 9:52
add a comment |
Is there's any plugin or way to implement this kind of scrolling in flutter?
To be specifi, the letters column on the right on the right, such as highlighting the current alphabet letter, or if a letter is tapped, the scrollview goes directly to that letter header.
For sorting alphabetically, we can do that with List.sort(), for sticky header, we got some nice plugins as well.
dart
flutter edited Mar 29 at 7:46
TruongSinh
1,582823
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
Is there's any plugin or way to implement this kind of scrolling in flutter?
To be specifi, the letters column on the right on the right, such as highlighting the current alphabet letter, or if a letter is tapped, the scrollview goes directly to that letter header.
For sorting alphabetically, we can do that with List.sort(), for sticky header, we got some nice plugins as well.
dart
flutter dart
flutter edited Mar 29 at 7:46
TruongSinh
1,582823
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
edited Mar 29 at 7:46
TruongSinh
1,582823
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
edited Mar 29 at 7:46
TruongSinh
1,582823
edited Mar 29 at 7:46
TruongSinh
1,582823
edited Mar 29 at 7:46
TruongSinh
1,582823
1,582823
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
asked Oct 15 '18 at 12:51
Osama GamalOsama Gamal
308217
308217
3
You could use aListViewusing an orderedList<YourModel>, then useFlatButtonson the right side of the screen. When pressed they scroll to the first index of said letter
– Elcan
Oct 15 '18 at 12:53
1
You might have to implement it in the same manner that was initially implemented in Android libraries that provide this behavior.
– dazza5000
Oct 15 '18 at 16:53
@FlorentUguet this works, for now, I was looking for some sort of scroll through the letters, I think I will get back to it later. thanks
– Osama Gamal
Oct 16 '18 at 9:52
add a comment |
3
You could use aListViewusing an orderedList<YourModel>, then useFlatButtonson the right side of the screen. When pressed they scroll to the first index of said letter
– Elcan
Oct 15 '18 at 12:53
1
You might have to implement it in the same manner that was initially implemented in Android libraries that provide this behavior.
– dazza5000
Oct 15 '18 at 16:53
@FlorentUguet this works, for now, I was looking for some sort of scroll through the letters, I think I will get back to it later. thanks
– Osama Gamal
Oct 16 '18 at 9:52
3
3
You could use a
ListView using an ordered List<YourModel>, then use FlatButtons on the right side of the screen. When pressed they scroll to the first index of said letter– Elcan
Oct 15 '18 at 12:53
You could use a
ListView using an ordered List<YourModel>, then use FlatButtons on the right side of the screen. When pressed they scroll to the first index of said letter– Elcan
Oct 15 '18 at 12:53
1
1
You might have to implement it in the same manner that was initially implemented in Android libraries that provide this behavior.
– dazza5000
Oct 15 '18 at 16:53
You might have to implement it in the same manner that was initially implemented in Android libraries that provide this behavior.
– dazza5000
Oct 15 '18 at 16:53
@FlorentUguet this works, for now, I was looking for some sort of scroll through the letters, I think I will get back to it later. thanks
– Osama Gamal
Oct 16 '18 at 9:52
@FlorentUguet this works, for now, I was looking for some sort of scroll through the letters, I think I will get back to it later. thanks
– Osama Gamal
Oct 16 '18 at 9:52
add a comment |
1 Answer
1
active
oldest
votes
Checkout this plugin sticky head
https://pub.dartlang.org/packages/sticky_headers
class Example extends StatelessWidget
@override
Widget build(BuildContext context)
return new ListView.builder(itemBuilder: (context, index)
return new StickyHeader(
header: new Container(
height: 50.0,
color: Colors.blueGrey[700],
padding: new EdgeInsets.symmetric(horizontal: 16.0),
alignment: Alignment.centerLeft,
child: new Text('Header #$index',
style: const TextStyle(color: Colors.white),
),
),
content: new Container(
child: new Image.network(imageForIndex(index), fit: BoxFit.cover,
width: double.infinity, height: 200.0),
),
);
);
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
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%2f52817222%2fhow-to-implement-alphabet-scroll-in-flutter%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
Checkout this plugin sticky head
https://pub.dartlang.org/packages/sticky_headers
class Example extends StatelessWidget
@override
Widget build(BuildContext context)
return new ListView.builder(itemBuilder: (context, index)
return new StickyHeader(
header: new Container(
height: 50.0,
color: Colors.blueGrey[700],
padding: new EdgeInsets.symmetric(horizontal: 16.0),
alignment: Alignment.centerLeft,
child: new Text('Header #$index',
style: const TextStyle(color: Colors.white),
),
),
content: new Container(
child: new Image.network(imageForIndex(index), fit: BoxFit.cover,
width: double.infinity, height: 200.0),
),
);
);
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
add a comment |
Checkout this plugin sticky head
https://pub.dartlang.org/packages/sticky_headers
class Example extends StatelessWidget
@override
Widget build(BuildContext context)
return new ListView.builder(itemBuilder: (context, index)
return new StickyHeader(
header: new Container(
height: 50.0,
color: Colors.blueGrey[700],
padding: new EdgeInsets.symmetric(horizontal: 16.0),
alignment: Alignment.centerLeft,
child: new Text('Header #$index',
style: const TextStyle(color: Colors.white),
),
),
content: new Container(
child: new Image.network(imageForIndex(index), fit: BoxFit.cover,
width: double.infinity, height: 200.0),
),
);
);
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
add a comment |
Checkout this plugin sticky head
https://pub.dartlang.org/packages/sticky_headers
class Example extends StatelessWidget
@override
Widget build(BuildContext context)
return new ListView.builder(itemBuilder: (context, index)
return new StickyHeader(
header: new Container(
height: 50.0,
color: Colors.blueGrey[700],
padding: new EdgeInsets.symmetric(horizontal: 16.0),
alignment: Alignment.centerLeft,
child: new Text('Header #$index',
style: const TextStyle(color: Colors.white),
),
),
content: new Container(
child: new Image.network(imageForIndex(index), fit: BoxFit.cover,
width: double.infinity, height: 200.0),
),
);
);
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
Checkout this plugin sticky head
https://pub.dartlang.org/packages/sticky_headers
class Example extends StatelessWidget
@override
Widget build(BuildContext context)
return new ListView.builder(itemBuilder: (context, index)
return new StickyHeader(
header: new Container(
height: 50.0,
color: Colors.blueGrey[700],
padding: new EdgeInsets.symmetric(horizontal: 16.0),
alignment: Alignment.centerLeft,
child: new Text('Header #$index',
style: const TextStyle(color: Colors.white),
),
),
content: new Container(
child: new Image.network(imageForIndex(index), fit: BoxFit.cover,
width: double.infinity, height: 200.0),
),
);
);
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
answered Feb 13 at 17:18
Harsha pulikolluHarsha pulikollu
32229
32229
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%2f52817222%2fhow-to-implement-alphabet-scroll-in-flutter%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
3
You could use a
ListViewusing an orderedList<YourModel>, then useFlatButtonson the right side of the screen. When pressed they scroll to the first index of said letter– Elcan
Oct 15 '18 at 12:53
1
You might have to implement it in the same manner that was initially implemented in Android libraries that provide this behavior.
– dazza5000
Oct 15 '18 at 16:53
@FlorentUguet this works, for now, I was looking for some sort of scroll through the letters, I think I will get back to it later. thanks
– Osama Gamal
Oct 16 '18 at 9:52