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

Question

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

Answer 1

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

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());
    }
  }