If it is a SplashScreenSpinner:

In the `config.xml` file: 

```xml
    &lt;preference name=&quot;ShowSplashScreenSpinner&quot; value=&quot;false&quot;/&gt;
```

[Official Docs](https://github.com/apache/cordova-plugin-splashscreen)

As the title, is MailKit supported to send file?&lt;br/&gt;
If yes, how can I do it?

Can I send files via email using MailKit?

Google only gives access to their translate API with payment but I want free access.

Is it possible to use Google&#39;s translate API for free? What are the alternatives?

&lt;!-- Please vote for reopen, see my comment --&gt;

Is it possible to access to google translate api for free?

How can I disable the splash screen spinner during the startup of an Ionic app?

Ionic - Remove Disable spinner on splash screen

<p>How can I disable the splash screen spinner during the startup of an Ionic app?</p>


I am trying to upgrade from earlier firebase version to the latest in my [ionic project](http://ionicframework.com/). I followed [this](https://firebase.google.com/support/guides/firebase-web) tutorial for upgrade. In step 4 from this page I am stuck on the last statement `firebase.database().ref();`. 

Error message

    TypeError: firebase.database is not a function

Below is my code. Kindly help.

	...

	// Initialize Firebase
    this.config = {
        apiKey: &quot;some-api-key&quot;,
        authDomain: &quot;myapp.firebaseapp.com&quot;,
        databaseURL: &quot;https://myapp.firebaseio.com&quot;,
        storageBucket: &quot;project-somenumber.appspot.com&quot;,
    };

    ...

    this.authWithOAuthPopup = function(type) {
        var deferred = $q.defer();
        console.log(service.config);	// ---&gt; Object {apiKey: &quot;some-api-key&quot;, authDomain: &quot;myapp.firebaseapp.com&quot;, databaseURL: &quot;https://myapp.firebaseio.com&quot;, storageBucket: &quot;project-somenumber.appspot.com&quot;}
        firebase.initializeApp(service.config);
        console.log(firebase);	// ---&gt; Object {SDK_VERSION: &quot;3.0.5&quot;, INTERNAL: Object}
        service.rootRef = firebase.database().ref(); //new Firebase(&quot;https://rsb2.firebaseio.com&quot;); ---&gt; I am getting error on this line &quot;TypeError: firebase.database is not a function&quot;
        service.rootRef.authWithOAuthPopup(type, function(error, authData) {
            if (error) {
                service.authError = error;
                switch (error.code) {
                    case &quot;INVALID_EMAIL&quot;:
                        console.log(&quot;The specified user account email is invalid.&quot;);
                        break;
                    case &quot;INVALID_PASSWORD&quot;:
                        console.log(&quot;The specified user account password is incorrect.&quot;);
                        break;
                    case &quot;INVALID_USER&quot;:
                        console.log(&quot;The specified user account does not exist.&quot;);
                        break;
                    default:
                        console.log(&quot;Error logging user in:&quot;, error);
                }
                deferred.resolve(service.authError);
            } else {
                service.authData = authData;
                console.log(&quot;Authenticated successfully with payload:&quot;, authData);
                deferred.resolve(service.authData);
            }
            return deferred.promise;
        });
        return deferred.promise;
    }

    var service = this;

**Update**

After adding latest database library this questions problem is solved.

Updating my code here

    this.authWithOAuthPopup = function(type) {
        var deferred = $q.defer();
        console.log(service.config);
        firebase.initializeApp(service.config);
        console.log(firebase);
        service.rootRef = firebase.database(); //.ref(); //new Firebase(&quot;https://rsb2.firebaseio.com&quot;);

        var provider = new firebase.auth.FacebookAuthProvider();
        firebase.auth().signInWithRedirect(provider);
        firebase.auth().getRedirectResult().then(function(result) {
            if (result.credential) {
                // This gives you a Facebook Access Token. You can use it to access the Facebook API.
                var token = result.credential.accessToken;
                console.log(result);
                // ...
            }
            // The signed-in user info.
            var user = result.user;
        }).catch(function(error) {
            // Handle Errors here.
            var errorCode = error.code;
            var errorMessage = error.message;
            // The email of the user&#39;s account used.
            var email = error.email;
            // The firebase.auth.AuthCredential type that was used.
            var credential = error.credential;
            // ...
        });
        return deferred.promise;
    }


firebase.database is not a function

I am using Ionic 2 for developing my App. I want to use my custom icons in my app like we use ionic 2 icons using **&lt;ion-icon&gt;** tag. Eg:

    &lt;ion-icon name=&quot;my-custom-icon&quot;&gt;&lt;/ion-icon&gt;

How can i achieve this? Is there any recommended way to doing this?



Add Custom Icon in Ionic 2

I am trying to get device width and height in ionic 2 using typescript.

In previous version of ionic 2 I used,

    window.screen.width
    window.screen.height

but in newer version this is not working.

How it is work with Type Script + ionic 2?

How to get device width and height in Ionic using TypeScript?

I have an app, in which the user would be able to copy an image URL, paste it unto an input and the image will be loaded on a box.

But my app, keeps triggering this message:

&gt;Refused to load the image &#39;LOREM_IPSUM_URL&#39; because it violates the following Content Security Policy directive: &quot;img-src &#39;self&#39; data:&quot;.

That&#39;s my meta tag:

    &lt;meta http-equiv=&quot;Content-Security-Policy&quot; content=&quot;default-src *; 
    img-src &#39;self&#39; data:; script-src &#39;self&#39; &#39;unsafe-inline&#39; &#39;unsafe-eval&#39; *; 
    style-src  &#39;self&#39; &#39;unsafe-inline&#39; *&quot;&gt;

I&#39;m using html2Canvas within the app, and when I remove this: &quot;img-src &#39;self&#39; data:&quot;

It fires this error:

    html2canvas.js:3025 Refused to load the image &#39;data:image/svg+xml,
    &lt;svg xmlns=&#39;http://www.w3.org/2000/svg&#39;&gt;&lt;/svg&gt;&#39; because it violates
    the following Content Security Policy directive: &quot;default-src *&quot;. 
    Note that &#39;img-src&#39; was not explicitly set, so &#39;default-src&#39; is used as a fallback.

Along with a bunch of other errors.

Content Security Policy: &quot;img-src &#39;self&#39; data:&quot;

I just set up my first ionic 2 app (I&#39;ve used ionic 1 fairly extensively). I&#39;m trying to use the [ionic-native camera](http://ionicframework.com/docs/v2/native/camerapreview/) preview plugin.

**The setup was pretty straight forward:**

    npm install -g ionic cordova
    ionic start timesnap --v2
    ionic platform add android
    ionic platform add ios
    ionic plugin add cordova-plugin-camera-preview --save

**Then I copied and pasted the example code into the about page:**

    import { CameraPreview, CameraPreviewRect } from &#39;ionic-native&#39;;
    
    // camera options (Size and location)
    let cameraRect: CameraPreviewRect = {
      x: 100,
      y: 100,
      width: 200,
      height: 200
    };
    
    
    // start camera
    CameraPreview.startCamera(
      cameraRect, // position and size of preview
      &#39;front&#39;, // default camera
      true, // tap to take picture
      false, // disable drag
      true, // send the preview to the back of the screen so we can addoverlaying elements
      1 //alpha
    );

**I launched the app using the following commands:**

    ionic emulate android -lcs
    
    ionic emulate ios -lcs --target=&#39;iPhone-6&#39;

At first the camera just wasn&#39;t showing up then I ran `chrome://inspect` and saw warnings about Cordova missing &quot;try running in an emulator&quot;, but this was while running in an android emulator. I tried iOS too and saw the same results.

Any ideas why cordova isn&#39;t loading?

Here is the full error log from `chrome://inspect` while running in an android emulator:

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/p9FPq.png

**Update... index.html**

(it&#39;s just the standard one generated by ionic)


    &lt;!DOCTYPE html&gt;
    &lt;html lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;
    &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;title&gt;Ionic App&lt;/title&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no&quot;&gt;
      &lt;meta name=&quot;format-detection&quot; content=&quot;telephone=no&quot;&gt;
      &lt;meta name=&quot;msapplication-tap-highlight&quot; content=&quot;no&quot;&gt;
    
      &lt;link rel=&quot;icon&quot; type=&quot;image/x-icon&quot; href=&quot;assets/icon/favicon.ico&quot;&gt;
      &lt;link rel=&quot;manifest&quot; href=&quot;manifest.json&quot;&gt;
      &lt;meta name=&quot;theme-color&quot; content=&quot;#4e8ef7&quot;&gt;
      
      &lt;!-- cordova.js required for cordova apps --&gt;
      &lt;script src=&quot;cordova.js&quot;&gt;&lt;/script&gt;
    
      &lt;!-- un-comment this code to enable service worker
      &lt;script&gt;
        if (&#39;serviceWorker&#39; in navigator) {
          navigator.serviceWorker.register(&#39;service-worker.js&#39;)
            .then(() =&gt; console.log(&#39;service worker installed&#39;))
            .catch(err =&gt; console.log(&#39;Error&#39;, err));
        }
      &lt;/script&gt;--&gt;
    
      &lt;link href=&quot;build/main.css&quot; rel=&quot;stylesheet&quot;&gt;
    
    &lt;/head&gt;
    &lt;body&gt;
    
      &lt;!-- Ionic&#39;s root component and where the app will load --&gt;
      &lt;ion-app class=&quot;trans&quot;&gt;&lt;/ion-app&gt;
    
      &lt;!-- The polyfills js is generated during the build process --&gt;
      &lt;script src=&quot;build/polyfills.js&quot;&gt;&lt;/script&gt;
    
      &lt;!-- The bundle js is generated during the build process --&gt;
      &lt;script src=&quot;build/main.js&quot;&gt;&lt;/script&gt;
    
    &lt;/body&gt;
    &lt;/html&gt;



Ionic 2: Cordova is not available. Make sure to include cordova.js or run in a device/simulator (running in emulator)

I did my splash screen with this tutorial and it works great: 

- https://www.bignerdranch.com/blog/splash-screens-the-right-way/

Basically I set up a splascreen through theme:
 

    &lt;style name=&quot;ThemeSplash&quot; parent=&quot;Theme.AppCompat.NoActionBar&quot;&gt;
        &lt;item name=&quot;android:windowBackground&quot;&gt;@drawable/drawable_splashcreen&lt;/item&gt;
    &lt;/style&gt;

I wanted to put a vector image inside like this: (drawable_splashcreen)

    &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
    &lt;layer-list xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;&gt;
        &lt;item android:drawable=&quot;@color/color_background_splash_screen&quot; /&gt;
        &lt;item android:drawable=&quot;@drawable/vector_najdiflet_logo&quot; /&gt;
    &lt;/layer-list&gt;

The image will streched through the full screen. On API 23 it works like it should have. But on older devices it just streches. I tried width, height and even messed up with viewports but no success.

SplashScreen with Vector stretched full screen

How would you approach adding a splash screen to Flutter apps? It should load and display before any other content. Currently, there is a brief flash of color before the Scaffold(home:X) widget loads.

Content Type	Original Author	Original Content on Stackoverflow
Question	lewis4u	View Question on Stackoverflow
Solution 1 - Ionic Framework	Atula	View Answer on Stackoverflow

Ionic - Remove Disable spinner on splash screen

Ionic Framework Problem Overview

Ionic Framework Solutions

Solution 1 - Ionic Framework

Is it possible to access to google translate api for free?

Can I send files via email using MailKit?

Attributions