react-nativeでToast

tortuepin 4views 更新:2017年8月9日

画面の下にちょこって出てくる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)

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません