Flutter實現搜索框中文佔位提示文字

  • 2019 年 12 月 30 日
  • 筆記

Flutter出來這麼久了,網上居然很難搜到實現搜索框中文佔位提示符(placeholder/hintText)的文章,難得找到的都是類似操作:

class SearchBarDelegate extends SearchDelegate<String>{      @override    String get searchFieldLabel => '搜索內容';    ...  }

這樣很不靈活,因為是get方法,組件不好自定義文字復用。

其實實現起來很簡單,這樣就好了:

class SearchBarDelegate extends SearchDelegate<String>{    SearchBarDelegate({      String hintText,    }) : super(      searchFieldLabel: hintText,      keyboardType: TextInputType.text,      textInputAction: TextInputAction.search,    );    ...  }

然後如下使用:

     showSearch(context: context,                    delegate: SearchBarDelegate(hintText: '搜索')        );