有没有一种方法可以将ListView堆叠在容器的顶部,但是在其下方?

时间:2019-06-05 11:44:11

标签: flutter dart

我正在尝试在Flutter中构建接口。

我有一个带有文本的容器(取决于屏幕大小,几行)和一个按钮。 我还有一个必须在容器前面的小部件列表。

列表的第一项必须位于“容器”下方。列表应该能够在容器上滚动,容器应该淡出(但不能移动)。该按钮仍应可单击。

我找不到实现它的方法。

容器

public function store(Adstore $request)
{
    $validated = $request->validated();
    $user_id = Auth::user()['id'];
    $ad = new Ad();
    $ad->user_id = $user_id;
    $ad->services = $validated['dropdown_service'];
    $ad->titre = $validated['title'];
    $ad->niveau_etude = $validated['dropdown_etude'];
    $ad->langue = $validated['langue'];
    $ad->experience = $validated ['experience'];
    $ad->localisation = $validated ['local'];
    $ad->description = $validated ['description'];
    $ad->contact = $validated ['contact'];
    $ad->save();
    return redirect()->route('accueil')->with('success','Votre annonce a été postée.');
}

列表

Widget container = Container(
  child: Column(
    children: <Widget>[
      Container(child: Text("BlaBlabla ... long line"),
      Container(child: Text("BlaBlabla ... another long line"),
      Container(child: ButtonWidget(),
    ],
  ),
)

放在一起:脚手架内部

Widget list = ListView(
  children: <Widget>[
    CustomWidget(),
    CustomWidget(),
    CustomWidget(),
  ],
)

Stack(
  children: <Widget>[
    container,
    Positioned(
    #don't know height of the container
      child: list,
    ),
  ],  
)

Stack(
  children: <Widget>[
    container,
    ListView(
      children: <Widget>[
        IgnorePointer( #can't click on the real container
          child: Opacity(
            child: container,
            opacity: 0,
            ),
          ),
        list #as column
      ],
    ),
  ],
)

编辑:我添加了一些我认为可能是解决方案的组合,但不幸的是,这些组合都无法满足我的预期目的。

我感谢任何有帮助的想法。

它看起来应该类似于下面的图片。

not scrolled

scrolled

0 个答案:

没有答案