ScrollView 是一個帶有滾動的視圖組件。
ScrollView 由三部分組成:
- Scrollable - 它監(jiān)聽各種用戶手勢并實現(xiàn)滾動的交互設(shè)計困檩。
- Viewport - 它通過在滾動視圖內(nèi)僅顯示一部分小部件來實現(xiàn)滾動的可視化設(shè)計。
- Slider - 它們是可以組合以創(chuàng)建各種滾動效果的小部件驼卖,如列表积蔚,網(wǎng)格和擴(kuò)展標(biāo)題浮入。
ScrollView 有以下常用屬性:
- cacheExtent → double - 視口在可見區(qū)域之前和之后有一個區(qū)域抓于,用于緩存用戶滾動時即將可見的項目做粤。
- controller → ScrollController - 一個可用于控制滾動視圖滾動到的位置的對象。
- physics → ScrollPhysics - 滾動視圖應(yīng)如何響應(yīng)用戶輸入捉撮。
- primary → bool - 是否是與父級關(guān)聯(lián)的主滾動視圖怕品。
- reverse → bool - 滾動視圖是否在閱讀方向上滾動。
- scrollDirection → Axis - 滾動視圖滾動的軸巾遭。
- shrinkWrap → bool - 應(yīng)該根據(jù)正在查看的內(nèi)容確定滾動視圖的范圍肉康。
注:ScrollView 是一個抽象類,通常使用 CustomScrollView灼舍。
new CustomScrollView(
shrinkWrap: true,
// 內(nèi)容
slivers: <Widget>[
new SliverPadding(
padding: const EdgeInsets.all(20.0),
sliver: new SliverList(
delegate: new SliverChildListDelegate(
<Widget>[
const Text('A'),
const Text('B'),
const Text('C'),
const Text('D'),
],
),
),
),
],
)
SliverAppBar
SliverAppBar 可以實現(xiàn)背景吼和,標(biāo)題,頂部導(dǎo)航欄聯(lián)動片仿,漸隱漸出動畫纹安。