我想讓整個頁面在顫動中可滾動，而內部每個元素的高度保持動態。現在這兩個Expanded元素具有固定的高度并且可以垂直滾動 - 我想讓它們擴展到它們的常規高度并且能夠向下滾動到下一個元素。
body: Scaffold(
body: Column(
children: <Widget>[
Text(),
IntrinsicHeight( //This is fixed height and doesn't move
child: Text(),
),
new Divider(height: 0.1),
Text(),
Expanded( //This is now vertically scrollable in its own box
child: Text()
),
Expanded( //This is now vertically scrollable in its own box
child: Text()
),
],
),
),
我厭倦了包裝第一列的幾個版本，SingleChildScrollView但由于某種原因它不起作用。
uj5u.com熱心網友回復：
用 SingleChildScrollView() 包裹你的列，所以選擇 Column 而不是用一個小部件包裹它是 SingleChildScrollView()
uj5u.com熱心網友回復：
使用IntrinsicHeight小部件包裝您的Column小部件。然后用SingleChildScrollView包裹IntrinstHeight。
這對我來說很好用
body: SingleChildScrollView(
child: IntrinsicHeight(
child: Column(
children: <Widget>[
Text("tes"),
IntrinsicHeight( //This is fixed height and doesn't move
child: Text("tes"),
),
new Divider(height: 0.1),
Text("tes"),
Expanded( //This is now vertically scrollable in its own box
child: Text("tes")
),
Expanded( //This is now vertically scrollable in its own box
child: Text("tes")
),
],
),
),
),
注意：將代碼放在 Scaffold body 內
uj5u.com熱心網友回復：
試試下面的代碼希望它對你有幫助。包裹你的Column()內部IntrinsicHeight()小部件，
參考IntrinsicHeight 這里
請參閱SingleChildScrollView 此處，此小部件用于滾動小部件。.
return Scaffold(
body: SingleChildScrollView(
child: IntrinsicHeight(
child: Column(
children: <Widget>[
Text(
'Try',
),
IntrinsicHeight(
child: Text(
'Done',
),
),
new Divider(height: 0.1),
Text(
'data',
),
Expanded(
child: Text(
'Okk',
),
),
Expanded(
child: Text(
'Yes',
),
),
],
),
),
),
);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/370362.html