我如何在 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());
    }
  }