cordovacordova-pluginsinappbrowserngcordova

cordova themeable browser does not show toolbar in iOS

I developing hybrid app with cordova and angular material design using cordova themeablebrowser which is a richer version of cordova in app browser.

The code to invoke a page look like this:

cordova.ThemeableBrowser.open('https://bookmebus.com/faq','_self', {
    statusbar: {
        color: '#ffffffff'
    },
    toolbar: {
        height: 44,
        color: '#f0f0f0ff'
    },
    title: {
        color: '#003264ff',
        showPageTitle: true
    },
    backButton: {
        image: 'back',
        imagePressed: 'back_pressed',
        align: 'left',
        event: 'backPressed'
    },
    forwardButton: {
        image: 'forward',
        imagePressed: 'forward_pressed',
        align: 'left',
        event: 'forwardPressed'
    },
    closeButton: {
        image: 'close',
        imagePressed: 'close_pressed',
        align: 'left',
        event: 'closePressed'
    },
    customButtons: [
        {
            image: 'share',
            imagePressed: 'share_pressed',
            align: 'right',
            event: 'sharePressed'
        }
    ],
    menu: {
        image: 'menu',
        imagePressed: 'menu_pressed',
        title: 'Test',
        cancel: 'Cancel',
        align: 'right',
        items: [
            {
                event: 'helloPressed',
                label: 'Hello World!'
            },
            {
                event: 'testPressed',
                label: 'Test!'
            }
        ]
    },
    backButtonCanClose: true
})

In android it shows toolbar with page title as expected. I don't really have any idea why this toolbar is missing in iOS as shown below.

enter image description here

Solution

  • I remove the plugin and install with r0.2.15 then it works. 

    cordova plugin add https://github.com/initialxy/cordova-plugin-themeablebrowser.git#r0.2.15