我正在尝试在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
],
),
],
)
编辑:我添加了一些我认为可能是解决方案的组合,但不幸的是,这些组合都无法满足我的预期目的。
我感谢任何有帮助的想法。
它看起来应该类似于下面的图片。