更全、更好的 React-Native Toast組件

在React-Native如果用到提示(網絡請求失敗等短暫的顯示提示用戶)的話大多數在項目可能用的react-native-root-toastreact-native-easy-toast,如果用到加載,可能就得自己寫Modal加載,在開發了幾個React-Native項目時,發現一些提示缺陷,所以就寫了一個組件react-native-smart-tip

react-native-smart-tip

現有提示框的一些問題

    1. Toast提示重疊之前在項目使用發現,單擊登錄提示登錄中,登錄成功後提示登錄成功。由於速度過快,出現重影問題,兩個提示Toast都集中在中心位置,讓人看着很不舒服。
    1. 沒有動畫現在的一些版本安卓手機自帶的進場是有一個從下到上的動畫的,但React-Native現有的Toast組件暫時都沒有,所以當時開發項目時對着react-native-root-toast改了一下,當時也就沒再看了。
    1. 有Modal提示框時Toast被遮蓋在顯示了Modal框時Toast將會被遮蓋,這個是由於視圖層優先級的關係,之前的解決辦法是在Modal上加一些提示。

組件優點

    1. 解決了Toast提示重複問題。
    1. 提示新增動畫。
    1. 提示新增文字模式和文字加圖片模式。
    1. 新增安卓SnackBar提示功能。
    1. 新增Modal提示,可以實現加載提示和Modal狀態下提示。

靜態效果演示




GIF演示



組件地址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章