【關(guān)鍵字】

Scroll、Scroller、scrollEdge、文本右對(duì)齊

【問題描述】

在學(xué)習(xí)Scroll組件的使用時(shí)，本地使用的API版本是api 9，布局是這樣的：使用row包裹Scroll，然后Scroll包裹Text，想要默認(rèn)讓文本顯示的時(shí)候都是右對(duì)齊的，寫的代碼如下：

實(shí)現(xiàn)效果如下：

看著效果還可以，但是，當(dāng)文本一旦超出顯示，此時(shí)就會(huì)遇到問題了，就會(huì)變成默認(rèn)左對(duì)齊了，簡(jiǎn)單測(cè)試一下，文本內(nèi)容多填充一些：

顯示效果如下：

總結(jié)：文本超出顯示時(shí)，會(huì)出現(xiàn)默認(rèn)左對(duì)齊的現(xiàn)象。

那么這個(gè)問題該如何處理呢，有沒有什么方法可以實(shí)現(xiàn)默認(rèn)右對(duì)齊呢？

【解決方案】

既然文本超出顯示時(shí)會(huì)默認(rèn)左對(duì)齊，那么有一個(gè)思路是這樣的：在控件加載出來的極短的時(shí)間內(nèi)，讓它自動(dòng)滾動(dòng)到最右邊就可以實(shí)現(xiàn)這個(gè)效果了。

首先，我們需要借助onAppear()這個(gè)事件方法，在組件加載顯示時(shí)會(huì)觸發(fā)這個(gè)回調(diào)，如下圖：

參考文檔如下：

https://developer.harmonyos.com/cn/docs/documentation/doc-references/ts-universal-events-show-hide-0000001281201194

然后，我們?cè)俳柚鷖etTimeout()實(shí)現(xiàn)一個(gè)500毫秒的延時(shí)操作。

最后，再借助于Scroller的scrollEdge()方法實(shí)現(xiàn)滾動(dòng)到底部的操作。

實(shí)現(xiàn)的代碼如下：

實(shí)現(xiàn)的效果如下：

通過以上這個(gè)方法，就可以順利解決右對(duì)齊的問題啦。OK，今天就到這里了，下期再會(huì)！

欲了解更多更全技術(shù)文章，歡迎訪問https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh