聰明的產(chǎn)品會(huì)在恰當(dāng)?shù)臅r(shí)間給予恰當(dāng)?shù)姆答伕壹瑁环答佉挡尽⒎答伈患皶r(shí)腥寇、反饋不對(duì)都會(huì)讓用戶(hù)反感你的產(chǎn)品爷抓,從而失去用戶(hù)。App中常見(jiàn)的反饋有三種樣式:toast诱告、snackbar恒削、dialog羡藐。
toast屬于一種輕量級(jí)的反饋揖曾,常常以小彈框的形式出現(xiàn)落萎,一般出現(xiàn)1到2秒會(huì)自動(dòng)消失亥啦,可以出現(xiàn)在屏幕上中下任意位置,但同個(gè)產(chǎn)品會(huì)模塊盡量使用同一位置练链,讓用戶(hù)產(chǎn)生統(tǒng)一認(rèn)知翔脱。下面我們來(lái)通過(guò)代碼實(shí)現(xiàn)一下。
本文價(jià)值與收獲
看完本文后媒鼓,您將能夠作出下面的界面
實(shí)現(xiàn)思路
- GeometryReader為我們提供了首選的Superview大小届吁,從而為T(mén)oast提供了完美的尺寸。
- ZStack將視圖彼此堆疊绿鸣。
- 邏輯很簡(jiǎn)單:如果不希望看到toast窗體(isShowing == false)疚沐,那么我們呈現(xiàn)視圖。如果必須希望看到toast窗體(isShowing == true)枚驻,那么我們將呈現(xiàn)視圖呈現(xiàn)一點(diǎn)點(diǎn)模糊濒旦。
- toast只是一個(gè)帶有文本的VStack株旷,具有自定義的框架大小再登,一些設(shè)計(jì)顏色和拐角半徑以及默認(rèn)的幻燈片過(guò)渡。