React Native API模組之Alert彈出框詳解及使用
(一)前言
今天我們繼續來一個Android、iOS平臺通用的彈出框Alert模組。
剛建立的React Native技術交流2群(496601483),歡迎各位大牛,React Native技術愛好者加入交流!同時部落格右側歡迎微信掃描關注訂閱號,移動技術乾貨,精彩文章技術推送!
該Alert模組是建立彈出一個彈框,顯示一個標題以及相關資訊內容。該彈出框可以提供一系列的可選按鈕,點選任何一個按鈕都會呼叫onPress方法並且關閉彈框。預設情況下,該只會顯示一個'確定'按鈕。
該模組API是在Android、iOS平臺通用的顯示靜態的彈框。如果需要顯示一個提示框可以讓使用者輸入相關資訊的,詳細
(二)iOS平臺相關
只有iOS平臺可以指定多個數量的button,每個按鈕都可以設定特殊的風格,不過風格為'default','cancel','destructive'三種狀態之一。
(三)Android平臺相關
iOS平臺可以指定多個數量的button,但是在Android平臺上面最多隻能指定三個按鈕。Android平臺的彈出框的按鈕有'中間態','取消','確認'三種狀態
1.如果你只有指定了一個按鈕,那麼該為'position' (例如:確定)
2.如果你指定了兩個按鈕,那麼該會'negative','position' (例如:確定,取消)
3.如果你指定了三個按鈕,那麼該會'neutral','negative','positive'(例如:稍後再說,'確定','取消')
(四)Alert方法
static alert(title:string,message?:string,buttons?:Buttons,type?:AlertType) 該會Alert模組顯示彈框的靜態方法,有四個引數,分別為標題,資訊,按鈕,以及按鈕的風格型別
(五)Alert使用例項
上面已經講解了Alert模組的基本介紹,現在來演示一下該模組的具體使用,例項程式碼如下:
?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
/**
*
React Native Alert模組具體使用例項
*/
'use
strict' ;
import
React, {
AppRegistry,
Component,
StyleSheet,
Text,
View,
Alert,
ToastAndroid,
|