小编mbr*_*brd的帖子

如何实现 Flutter Search App Bar

有很多教程,但不是帮助我继续前进,而是迷失在所有可能的选项中,或者我不知道如何改进代码(我想使用一个应用程序,该应用程序显示的列表不仅仅使用三个水果或三个城市的名字?)

我找到了创建一个漂亮的 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)

searchbar dart flutter

14
推荐指数
1
解决办法
6万
查看次数

如何取消选择颤振中的单选按钮?

我使用无线电地图、文本字段、显示结果的文本和用于清除所有内容的按钮。

\n\n

文本字段可以被删除:

\n\n
RaisedButton(onPressed: () { _controllerTextField.clear();},\n                  child: Text('Clear',style:Theme.of(context).textTheme.body2.merge(TextStyle(color: Colors.white)),),)\n
Run Code Online (Sandbox Code Playgroud)\n\n

但我不明白如何删除我的文本并将我的收音机置于默认取消选择状态。

\n\n

此外,当选择一个收音机时,我给它一个自定义颜色,但我不能给收音机图标提供相同的颜色。

\n\n

您知道 \xe2\x80\x8b\xe2\x80\x8b 的使用方法吗?

\n\n

谢谢

\n

radio-button dart flutter

4
推荐指数
1
解决办法
7373
查看次数

标签 统计

dart ×2

flutter ×2

radio-button ×1

searchbar ×1