-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f7b9db8
commit b0e1a26
Showing
8 changed files
with
250 additions
and
77 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,98 @@ | ||
import 'package:flutter/material.dart'; | ||
import 'package:flutter_gen/gen_l10n/app_localizations.dart'; | ||
import 'package:phosphor_flutter/phosphor_flutter.dart'; | ||
import 'package:quokka/widgets/two_child_row_layout.dart'; | ||
|
||
const searchConstraints = | ||
BoxConstraints(minWidth: 200.0, maxWidth: 260.0, minHeight: 56.0); | ||
|
||
class TabSearchView extends StatelessWidget { | ||
final TabController? tabController; | ||
final List<Widget> tabs; | ||
final ValueChanged<String>? onSearchChanged; | ||
final ValueChanged<String>? onSearchSubmitted; | ||
final ValueChanged<int>? onTabTap; | ||
|
||
const TabSearchView({ | ||
super.key, | ||
this.tabController, | ||
required this.tabs, | ||
this.onSearchChanged, | ||
this.onSearchSubmitted, | ||
this.onTabTap, | ||
}); | ||
|
||
@override | ||
Widget build(BuildContext context) { | ||
final tabBar = TabBar( | ||
controller: tabController, | ||
isScrollable: true, | ||
tabAlignment: TabAlignment.startOffset, | ||
indicatorSize: TabBarIndicatorSize.label, | ||
onTap: onTabTap, | ||
tabs: tabs); | ||
final searchBar = SearchBar( | ||
constraints: const BoxConstraints( | ||
minWidth: 200.0, maxWidth: 260.0, minHeight: 56.0), | ||
leading: const PhosphorIcon(PhosphorIconsLight.magnifyingGlass), | ||
hintText: AppLocalizations.of(context).search, | ||
onChanged: onSearchChanged, | ||
onSubmitted: onSearchSubmitted, | ||
); | ||
return TwoChildRowLayout(primary: tabBar, second: searchBar); | ||
} | ||
} | ||
|
||
class RowSearchView extends StatefulWidget { | ||
final List<Widget> children; | ||
final ValueChanged<String>? onSearchChanged; | ||
final ValueChanged<String>? onSearchSubmitted; | ||
final ValueChanged<int>? onTabTap; | ||
|
||
const RowSearchView({ | ||
super.key, | ||
required this.children, | ||
this.onSearchChanged, | ||
this.onSearchSubmitted, | ||
this.onTabTap, | ||
}); | ||
|
||
@override | ||
State<RowSearchView> createState() => _RowSearchViewState(); | ||
} | ||
|
||
class _RowSearchViewState extends State<RowSearchView> { | ||
final ScrollController _scrollController = ScrollController(); | ||
|
||
@override | ||
void dispose() { | ||
_scrollController.dispose(); | ||
super.dispose(); | ||
} | ||
|
||
@override | ||
Widget build(BuildContext context) { | ||
final tabBar = SizedBox( | ||
height: 56, | ||
child: Scrollbar( | ||
controller: _scrollController, | ||
child: ListView.separated( | ||
controller: _scrollController, | ||
scrollDirection: Axis.horizontal, | ||
itemCount: widget.children.length, | ||
itemBuilder: (context, index) => widget.children[index], | ||
separatorBuilder: (context, index) => const SizedBox(width: 8), | ||
), | ||
), | ||
); | ||
final searchBar = SearchBar( | ||
constraints: const BoxConstraints( | ||
minWidth: 200.0, maxWidth: 260.0, minHeight: 56.0), | ||
leading: const PhosphorIcon(PhosphorIconsLight.magnifyingGlass), | ||
hintText: AppLocalizations.of(context).search, | ||
onChanged: widget.onSearchChanged, | ||
onSubmitted: widget.onSearchSubmitted, | ||
); | ||
return TwoChildRowLayout(primary: tabBar, second: searchBar); | ||
} | ||
} |
Oops, something went wrong.