Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added the possibility to have multiple slivers as child #67

Closed
wants to merge 3 commits into from
Closed

Added the possibility to have multiple slivers as child #67

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8da6c56
Added the possibility to have multiple slivers as child, and even sti…
UnderKoen Jun 16, 2021
dbfe1a8
Sticky headers can now be in stick headers without constraints
UnderKoen Jun 17, 2021
c5e8cb7
Added test for indented buttons
UnderKoen Oct 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions example/lib/common.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,3 +79,35 @@ class Header extends StatelessWidget {
);
}
}

class HeaderWithButton extends StatelessWidget {
const HeaderWithButton({
Key? key,
this.index,
this.title,
this.color = Colors.lightBlue,
}) : super(key: key);

final String? title;
final int? index;
final Color color;

@override
Widget build(BuildContext context) {
return Container(
height: 60,
color: color,
padding: EdgeInsets.symmetric(horizontal: 16.0),
alignment: Alignment.centerLeft,
child: ElevatedButton(
onPressed: () {
print(title ?? 'Header #$index');
},
child: Text(
title ?? 'Header #$index',
style: const TextStyle(color: Colors.white),
),
),
);
}
}
63 changes: 63 additions & 0 deletions example/lib/examples/double_list.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
import 'package:flutter/material.dart';
import 'package:flutter_sticky_header/flutter_sticky_header.dart';

import '../common.dart';

class DoubleListExample extends StatelessWidget {
const DoubleListExample({
Key? key,
}) : super(key: key);

@override
Widget build(BuildContext context) {
return AppScaffold(
title: 'List Example',
slivers: [
_StickyHeaderList(index: 0),
_StickyHeaderList(index: 1),
_StickyHeaderList(index: 2),
_StickyHeaderList(index: 3),
],
);
}
}

class _StickyHeaderList extends StatelessWidget {
const _StickyHeaderList({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: Header(index: index),
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
leading: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 6,
),
),
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
trailing: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 3,
),
),
],
);
}
}
96 changes: 96 additions & 0 deletions example/lib/examples/indented_button.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
import 'package:flutter/material.dart';
import 'package:flutter_sticky_header/flutter_sticky_header.dart';

import '../common.dart';

class IndentedButton extends StatelessWidget {
const IndentedButton({
Key? key,
}) : super(key: key);

@override
Widget build(BuildContext context) {
return AppScaffold(
title: 'List Example',
slivers: [
_StickyHeaderListLevel1(index: 0),
_StickyHeaderListLevel1(index: 1),
_StickyHeaderListLevel1(index: 2),
_StickyHeaderListLevel1(index: 3),
],
);
}
}

class _StickyHeaderListLevel1 extends StatelessWidget {
const _StickyHeaderListLevel1({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: HeaderWithButton(index: index),
slivers: [
_StickyHeaderListLevel2(index: 0),
_StickyHeaderListLevel2(index: 1),
_StickyHeaderListLevel2(index: 2),
_StickyHeaderListLevel2(index: 3),
],
);
}
}

class _StickyHeaderListLevel2 extends StatelessWidget {
const _StickyHeaderListLevel2({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: HeaderWithButton(title: "Subheader $index"),
slivers: [
_StickyHeaderListLevel3(index: 0),
_StickyHeaderListLevel3(index: 1),
_StickyHeaderListLevel3(index: 2),
_StickyHeaderListLevel3(index: 3),
],
);
}
}

class _StickyHeaderListLevel3 extends StatelessWidget {
const _StickyHeaderListLevel3({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: HeaderWithButton(title: "Subsubheader $index"),
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
leading: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 6,
),
),
],
);
}
}
89 changes: 89 additions & 0 deletions example/lib/examples/indented_header.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
import 'package:flutter/material.dart';
import 'package:flutter_sticky_header/flutter_sticky_header.dart';

import '../common.dart';

class IndentedHeaderExample extends StatelessWidget {
const IndentedHeaderExample({
Key? key,
}) : super(key: key);

@override
Widget build(BuildContext context) {
return AppScaffold(
title: 'List Example',
slivers: [
_StickyHeaderList(index: 0),
_StickyHeaderList(index: 1),
_StickyHeaderList(index: 2),
_StickyHeaderList(index: 3),
],
);
}
}

class _StickyHeaderList extends StatelessWidget {
const _StickyHeaderList({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: Header(index: index),
slivers: [
SliverStickyHeader(
header: Header(title: "Subheader #1"),
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
leading: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 6,
),
),
],
),
SliverStickyHeader(
header: Header(title: "Subheader #2"),
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
leading: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 6,
),
),
],
),
SliverStickyHeader(
header: Header(title: "Subheader #3"),
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
leading: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 6,
),
),
],
),
],
);
}
}
96 changes: 96 additions & 0 deletions example/lib/examples/triple_indented_header.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
import 'package:flutter/material.dart';
import 'package:flutter_sticky_header/flutter_sticky_header.dart';

import '../common.dart';

class TripleIndentedHeaderExample extends StatelessWidget {
const TripleIndentedHeaderExample({
Key? key,
}) : super(key: key);

@override
Widget build(BuildContext context) {
return AppScaffold(
title: 'List Example',
slivers: [
_StickyHeaderListLevel1(index: 0),
_StickyHeaderListLevel1(index: 1),
_StickyHeaderListLevel1(index: 2),
_StickyHeaderListLevel1(index: 3),
],
);
}
}

class _StickyHeaderListLevel1 extends StatelessWidget {
const _StickyHeaderListLevel1({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: Header(index: index),
slivers: [
_StickyHeaderListLevel2(index: 0),
_StickyHeaderListLevel2(index: 1),
_StickyHeaderListLevel2(index: 2),
_StickyHeaderListLevel2(index: 3),
],
);
}
}

class _StickyHeaderListLevel2 extends StatelessWidget {
const _StickyHeaderListLevel2({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: Header(title: "Subheader $index"),
slivers: [
_StickyHeaderListLevel3(index: 0),
_StickyHeaderListLevel3(index: 1),
_StickyHeaderListLevel3(index: 2),
_StickyHeaderListLevel3(index: 3),
],
);
}
}

class _StickyHeaderListLevel3 extends StatelessWidget {
const _StickyHeaderListLevel3({
Key? key,
this.index,
}) : super(key: key);

final int? index;

@override
Widget build(BuildContext context) {
return SliverStickyHeader(
header: Header(title: "Subsubheader $index"),
slivers: [
SliverList(
delegate: SliverChildBuilderDelegate(
(context, i) => ListTile(
leading: CircleAvatar(
child: Text('$index'),
),
title: Text('List tile #$i'),
),
childCount: 6,
),
),
],
);
}
}
Loading