Question

我用剪切路径制作了一个自定义小部件，我想将其用作应用程序栏。我还将图标添加到剪切路径。

页面将有一个单独的viewscrollchild。

关于如何使小部件贴在顶部同时还具有滚动视图的任何建议？自定义应用栏不应滚动

Answer 1

尝试使用Stack和Positioned小部件。例如：

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Positioned(
          top: 0.0,
          child: CustomAppBar(),
        ),
        ScrollViewWidget(...)
      ],
    );
  }

Answer 2

所以我找到了解决方案。只需使脚手架返回一列即可。然后将您的自定义小部件添加为子级。然后在其后添加一个扩展小部件作为子级。在展开的小部件中，您可以将SingleChildScrollView添加为子级。

 return Scaffold(
  backgroundColor: Color(0xfffafafa),
  body: Column(
    children: <Widget>[
      CustomAppbar(),
      Expanded(
        child: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              Text("data", style: TextStyle(fontSize: 100),),
              Text("data", style: TextStyle(fontSize: 100),),
              Text("data", style: TextStyle(fontSize: 100),),
              Text("data", style: TextStyle(fontSize: 100),),
              Text("data", style: TextStyle(fontSize: 100),),
              Text("data", style: TextStyle(fontSize: 100),),
              Text("data", style: TextStyle(fontSize: 100),),

如何在具有滚动视图的同时使小部件贴在顶部？

2 个答案: