有很多教程,但不是帮助我继续前进,而是迷失在所有可能的选项中,或者我不知道如何改进代码(我想使用一个应用程序,该应用程序显示的列表不仅仅使用三个水果或三个城市的名字?)
我找到了创建一个漂亮的 SearchBar 的教程,它能够根据输入的第一个字母显示结果。
我不明白如何使用包含与内容相关联的标题的数据列表来编辑教程。如果第一个字母是小写或大写,我不明白如何显示结果。有没有可能帮我写一个简单的基础代码,可以为所有人服务,包括像我这样的初学者?
数据列表.dart
List<ListWords> listWords = [
ListWords('oneWord', 'OneWord definition'),
ListWords('twoWord', 'TwoWord definition.'),
ListWords('TreeWord', 'TreeWord definition'),
];
class ListWords {
String titlelist;
String definitionlist;
ListWords(String titlelist, String definitionlist) {
this.titlelist = titlelist;
this.definitionlist = definitionlist;
}
}
Run Code Online (Sandbox Code Playgroud)
Searchbar.dart
import 'package:flutter/material.dart';
import 'package:test_searchbar/DataList.dart';
class SearchBar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Search App'),
actions: <Widget>[
IconButton(icon: Icon(Icons.search),
onPressed: () {
showSearch(context: context, delegate: DataSearch(listWords));
})
],
),
drawer: Drawer(),
);
} …Run Code Online (Sandbox Code Playgroud) 我使用无线电地图、文本字段、显示结果的文本和用于清除所有内容的按钮。
\n\n文本字段可以被删除:
\n\nRaisedButton(onPressed: () { _controllerTextField.clear();},\n child: Text('Clear',style:Theme.of(context).textTheme.body2.merge(TextStyle(color: Colors.white)),),)\nRun Code Online (Sandbox Code Playgroud)\n\n但我不明白如何删除我的文本并将我的收音机置于默认取消选择状态。
\n\n此外,当选择一个收音机时,我给它一个自定义颜色,但我不能给收音机图标提供相同的颜色。
\n\n您知道 \xe2\x80\x8b\xe2\x80\x8b 的使用方法吗?
\n\n谢谢
\n