mirror of
https://github.com/flutter/samples.git
synced 2025-11-08 22:09:06 +00:00
Adding no-result display to search screen. (#57)
This commit is contained in:
@@ -17,47 +17,58 @@ class SearchScreen extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _SearchScreenState extends State<SearchScreen> {
|
||||
final _controller = TextEditingController();
|
||||
final _focusNode = FocusNode();
|
||||
String _terms = '';
|
||||
final controller = TextEditingController();
|
||||
final focusNode = FocusNode();
|
||||
String terms = '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_controller.addListener(_onTextChanged);
|
||||
controller.addListener(_onTextChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_focusNode.dispose();
|
||||
focusNode.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onTextChanged() {
|
||||
setState(() => _terms = _controller.text);
|
||||
setState(() => terms = controller.text);
|
||||
}
|
||||
|
||||
Widget _createSearchBox() {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: SearchBar(
|
||||
controller: _controller,
|
||||
focusNode: _focusNode,
|
||||
controller: controller,
|
||||
focusNode: focusNode,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
List<Widget> _generateVeggieRows(List<Veggie> veggies) {
|
||||
final cards = new List<Widget>();
|
||||
|
||||
for (Veggie veggie in veggies) {
|
||||
cards.add(Padding(
|
||||
padding: EdgeInsets.only(left: 16.0, right: 16.0, bottom: 24.0),
|
||||
child: VeggieHeadline(veggie),
|
||||
));
|
||||
Widget _buildSearchResults(List<Veggie> veggies) {
|
||||
if (veggies.isEmpty) {
|
||||
return Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 24.0),
|
||||
child: Text(
|
||||
'No veggies matching your search terms were found.',
|
||||
style: Styles.headlineDescription,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
return cards;
|
||||
return ListView.builder(
|
||||
itemCount: veggies.length,
|
||||
itemBuilder: (context, i) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(left: 16.0, right: 16.0, bottom: 24.0),
|
||||
child: VeggieHeadline(veggies[i]),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
@@ -75,9 +86,7 @@ class _SearchScreenState extends State<SearchScreen> {
|
||||
children: [
|
||||
_createSearchBox(),
|
||||
Expanded(
|
||||
child: ListView(
|
||||
children: _generateVeggieRows(model.searchVeggies(_terms)),
|
||||
),
|
||||
child: _buildSearchResults(model.searchVeggies(terms)),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
@@ -29,9 +29,11 @@ class SearchBar extends StatelessWidget {
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(
|
||||
CupertinoIcons.search,
|
||||
color: Styles.searchIconColor,
|
||||
ExcludeSemantics(
|
||||
child: Icon(
|
||||
CupertinoIcons.search,
|
||||
color: Styles.searchIconColor,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: CupertinoTextField(
|
||||
@@ -47,6 +49,7 @@ class SearchBar extends StatelessWidget {
|
||||
},
|
||||
child: Icon(
|
||||
CupertinoIcons.clear_thick_circled,
|
||||
semanticLabel: 'Clear search terms',
|
||||
color: Styles.searchIconColor,
|
||||
),
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user