網(wǎng)站首頁 編程語言 正文
SingleChildScrollView
SingleChildScrollView類似于Android中的ScrollView,它只能接收一個子組件。定義如下:
const SingleChildScrollView({ ? ? Key key, ? ? this.scrollDirection = Axis.vertical, ? ? // 是否按照閱讀方向相反的方向滑動,如:scrollDirection值為Axis.horizontal,如果閱讀方向是從左到右(取決于語言環(huán)境,阿拉伯語就是從右到左)。 ? ? // reverse為true時,那么滑動方向就是從右往左。其實此屬性本質(zhì)上是決定可滾動組件的初始滾動位置是在“頭”還是“尾”,取false時,初始滾動位置在“頭”,反之則在“尾”。 ? ? this.reverse = false, ? ? this.padding, ? ? // 指是否使用widget樹中默認(rèn)的PrimaryScrollController;當(dāng)滑動方向為垂直方向(scrollDirection值為Axis.vertical)并且沒有指定controller時,primary默認(rèn)為true. ? ? bool primary, ? ? this.physics, ? ? this.controller, ? ? this.child, ? ? this.dragStartBehavior = DragStartBehavior.start, ? }) : assert(scrollDirection != null), ? ? ? ?assert(dragStartBehavior != null), ? ? ? ?assert(!(controller != null && primary == true), ? ? ? ? ? 'Primary ScrollViews obtain their ScrollController via inheritance from a PrimaryScrollController widget.' ? ? ? ? ? 'You cannot both set primary to true and pass an explicit controller.' ? ? ? ?), ? ? ? ?primary = primary ?? controller == null && identical(scrollDirection, Axis.vertical), ? ? ? ?super(key: key);
除了在簡介我們介紹過的可滾動組件的通用屬性外,我們重點看一下reverse和primary兩個屬性:
- reverse:該屬性API文檔解釋是:是否按照閱讀方向相反的方向滑動,如:scrollDirection值為Axis.horizontal,如果閱讀方向是從左到右(取決于語言環(huán)境,阿拉伯語就是從右到左)。reverse為true時,那么滑動方向就是從右往左。其實此屬性本質(zhì)上是決定可滾動組件的初始滾動位置是在“頭”還是“尾”,取false時,初始滾動位置在“頭”,反之則在“尾”,可以自己試驗。
- primary:指是否使用widget樹中默認(rèn)的PrimaryScrollController;當(dāng)滑動方向為垂直方向(scrollDirection值為Axis.vertical)并且沒有指定controller時,primary默認(rèn)為true
需要注意的是,通常SingleChildScrollView只應(yīng)在期望的內(nèi)容不會超過屏幕太多時使用,這是因為SingleChildScrollView不支持基于Sliver的延遲實例化模型,所以如果預(yù)計視口可能包含超出屏幕尺寸太多的內(nèi)容時,那么使用SingleChildScrollView將會非常昂貴(性能差),此時應(yīng)該使用一些支持Sliver延遲加載的可滾動組件,如ListView。
示例:
下面是一個將大寫字母A-Z沿垂直方向顯示的例子,由于垂直方向空間會超過屏幕視口高度,所以我們使用SingleChildScrollView:
class SingleChildScrollViewTestRoute extends StatelessWidget { ? @override ? Widget build(BuildContext context) { ? ? String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; ? ? return Scrollbar( // 顯示進度條 ? ? ? child: SingleChildScrollView( ? ? ? ? padding: EdgeInsets.all(16.0), ? ? ? ? child: Center( ? ? ? ? ? child: Column(? ? ? ? ? ? ? //動態(tài)創(chuàng)建一個List? ? ? ? ? ? ? children: str.split("")? ? ? ? ? ? ? ? ? //每一個字母都用一個Text顯示,字體為原來的兩倍 ? ? ? ? ? ? ? ? .map((c) => Text(c, textScaleFactor: 2.0,))? ? ? ? ? ? ? ? ? .toList(), ? ? ? ? ? ), ? ? ? ? ), ? ? ? ), ? ? ); ? } }
運行效果如圖:
原文鏈接:https://blog.csdn.net/m0_46369686/article/details/104916993
相關(guān)推薦
- 2021-12-13 C++??系統(tǒng)IO流介紹_C 語言
- 2023-05-21 linux中g(shù)rep命令使用實戰(zhàn)詳解_Linux
- 2022-11-04 Android實現(xiàn)簡易秒表功能_Android
- 2022-07-18 linux系統(tǒng)安全和應(yīng)用
- 2022-04-04 scrapy框架中用ssh連接遠(yuǎn)程服務(wù)器的實現(xiàn)_python
- 2022-10-26 Android?audio音頻流數(shù)據(jù)異常問題解決分析_Android
- 2022-04-21 Ubuntu16.04系統(tǒng)搭建.Net?Core開發(fā)環(huán)境_實用技巧
- 2022-07-09 springboot 視圖集成
- 最近更新
-
- window11 系統(tǒng)安裝 yarn
- 超詳細(xì)win安裝深度學(xué)習(xí)環(huán)境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎(chǔ)操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區(qū)別,Jav
- spring @retryable不生效的一種
- Spring Security之認(rèn)證信息的處理
- Spring Security之認(rèn)證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權(quán)
- redisson分布式鎖中waittime的設(shè)
- maven:解決release錯誤:Artif
- restTemplate使用總結(jié)
- Spring Security之安全異常處理
- MybatisPlus優(yōu)雅實現(xiàn)加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務(wù)發(fā)現(xiàn)-Nac
- Spring Security之基于HttpR
- Redis 底層數(shù)據(jù)結(jié)構(gòu)-簡單動態(tài)字符串(SD
- arthas操作spring被代理目標(biāo)對象命令
- Spring中的單例模式應(yīng)用詳解
- 聊聊消息隊列,發(fā)送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠(yuǎn)程分支