react-nativeでToast

画面の下にちょこって出てくるToast。

Native-Baseを使う。

構文

import { Toast } from 'native-base';
Toast.show({
              text: 'メッセージ',
              position: 'bottom',
              buttonText: 'Okay'
            });

設定

以下のconfigurationが利用できる。

• text (string) : 表示するメッセージ
• buttonText (string) : Toastの中のボタンに表示するメッセージ
• position (top, bottom) : Toastを表示する場所
• type (danger, success, warning) : Toastをどの用途で使用するか
• duration (integer) : Toastを表示している時間(ms)