小编jus*_*guy的帖子

Flutter 中具有搜索功能的 sliver 应用栏

希望你有美好的一天。我想在下面实现这样的东西 => gif 图像 1

谁的 gif 不清楚。它是来自名为 的应用程序的屏幕截图Yelp。它是具有扩展和折叠功能的银色应用栏。当它折叠搜索栏固定到标题。无论如何,我已经完成了这个 => gif 图像 2

当我折叠 sliver 应用栏时,我的搜索栏正在缩小。我希望当我折叠 sliver 应用栏并修复上面标题中的搜索栏时,搜索不会缩小。这是我的代码

import 'package:flutter/material.dart';

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  double changingHeight;
  double appBarHeight;
  bool appBarSearchShow = false;
  final TextEditingController _filter = new TextEditingController();

  List<String> itemList = [];

  @override
  void initState() {
    for (int count = 0; count < 50; count++) {
      itemList.add("Item $count");
    }
    changingHeight = 300;
  }

  @override
  Widget build(BuildContext …
Run Code Online (Sandbox Code Playgroud)

search animation dart flutter

3
推荐指数
1
解决办法
2072
查看次数

标签 统计

animation ×1

dart ×1

flutter ×1

search ×1