我如何在 flutter 中创建一个圆形搜索栏，它还显示搜索栏中最近的搜索？

Question

我一直想找到一个解决方案来在 flutter 中创建一个圆形的搜索栏，它还会在其下方显示最近的搜索列表。如何创建以前的小部件？

Answer 1

使用下面的包，您可以将您想要的信息保存到设备内存中，然后从那里提取（用户名、密码、搜索历史等）。示例代码在文档中。

https://pub.dev/packages/shared_preferences

像这样：

    void handleRememberMe(bool? value) {
    _isChecked = value!;
    SharedPreferences.getInstance().then(
      (prefs) {
        prefs.setBool("remember_me", value);
        prefs.setString('userName', userNameController.text);
        prefs.setString('password', passwordController.text);
      },
    );
    setState(() {
      _isChecked = value;
    });
  }

  void loadUserEmailPassword() async {
    try {
      SharedPreferences _prefs = await SharedPreferences.getInstance();
      var _email = _prefs.getString("userName") ?? "";
      var password = _prefs.getString("password") ?? "";
      var _remeberMe = _prefs.getBool("remember_me") ?? false;
      if (_remeberMe) {
        setState(() {
          _isChecked = true;
        });
        userNameController.text = _email;
        passwordController.text = password;
      } else {
        userNameController.text = "";
        passwordController.text = "";
        setState(() {
          _isChecked = false;
        });
      }
    } catch (e) {
      debugPrint(e.toString());
    }
  }

我如何在 flutter 中创建一个圆形搜索栏，它还显示搜索栏中最近的搜索？

How do i create a rounded search bar in flutter that also shows the recent searches from the search bar?

searchbar

dart

flutter