Toast message is not coming in android studio phonegap

Question

I am new to android studio.I am doing toast message for my app,but i am unable to do this one.This one is working in eclipse ,but no for android studio.I have tried a lot but the toast message is not showing at all. Below is the code.Please suggest me.Thank you in advance.

Index.html

<!DOCTYPE html>
   <html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
         <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="toastPlugin.js"></script>
        <script>
          function toast()
            {
               // alert('hii');
               // shortToast("Short Toast Message Here...");
               longToast("Long Toast Message Here...");
            }
    </script>

    </head>
    <body>
        <div class="app">
            <h1>Apache Cordova</h1>
            <div id="deviceready" class="blink">
                <div onclick="toast();">click</div>

            </div>
        </div>
</body>
</html>

toastPlugin.js

          window.shortToast = function(str, callback) {   
    cordova.exec(callback, function(err) {
        callback('Nothing to echo.');
    }, "ToastPlugin", "shortToast", [ str ]);
};

window.longToast = function(str, callback) {
   alert(str);//Long Toast Message Here...
    cordova.exec(callback, function(err) { alert("Nothing to echo");
        callback('Nothing to echo.');
    }, "ToastPlugin", "longToast", [ str ]);
};

ToastPlugin.java

package com.raddyx.myapplication;

        import org.apache.cordova.api.CallbackContext;
        import org.apache.cordova.api.CordovaPlugin;
        import org.json.JSONArray;
        import org.json.JSONException;

        import android.util.Log;
        import android.widget.Toast;

public class ToastPlugin extends CordovaPlugin {
    @Override
    public boolean execute(String action, JSONArray args,
                           CallbackContext callbackContext) throws JSONException {

        String message = args.getString(0);

        // used to log the text and can be seen in LogCat
        Log.d("Toast Plugin", "Calling the Toast...");
        Log.d("Toast Plugin", message);

        if (action.equals("shortToast")) {
            this.shortToast(message, callbackContext);
            return true;
        } else if (action.equals("longToast")) {
            this.longToast(message, callbackContext);
            return true;
        }
        return false;
    }

    private void shortToast(String message, CallbackContext callbackContext) {
        if (message != null && message.length() > 0) {
            Toast.makeText(cordova.getActivity().getApplicationContext(),
                    message, Toast.LENGTH_SHORT).show();
            callbackContext.success(message);
        } else {
            callbackContext.error("Expected one non-empty string argument.");
        }
    }

    private void longToast(String message, CallbackContext callbackContext) {
        if (message != null && message.length() > 0) {
            Toast.makeText(cordova.getActivity().getApplicationContext(),
                    message, Toast.LENGTH_LONG).show();
            callbackContext.success(message);
        } else {
            callbackContext.error("Expected one non-empty string argument.");
        }
    }
}

In config.xml

 <feature name="ToastPlugin"> <param name="android-package" value="com.raddyx.plugins.ToastPlugin" /> </feature>

Answer 1

PhoneGap Toast plugin

Install toast popup plugin for iOS, Android and WP8 Cordova apps using CLI

cordova plugin add cordova-plugin-x-toast

Then add cordova_plugins.js in your index.html and call following function

showShortTop(message)

window.plugins.toast.showShortTop('Hello there!', function(a) {
    console.log('toast success: ' + a);
}, function(b) {
    alert('toast error: ' + b);
})

showLongBottom(message)

window.plugins.toast.showLongBottom('Hello there!', function(a) {
     console.log('toast success: ' + a)
}, function(b) {
     alert('toast error: ' + b)
})

Toast message is not coming in android studio phonegap

Question

1 answers

solution1
1 2016-01-20 08:35:57

PhoneGap Toast plugin

Toast message is not coming in android studio phonegap

Question

1 answers

solution1 1 2016-01-20 08:35:57

PhoneGap Toast plugin

solution1
1 2016-01-20 08:35:57