tabfolder.js

/*
  TabFolder, Tab and WebView

  @version:2.4
  Snippet url:
  -  http://
  References:
  - https://tabrisjs.com/documentation/latest/api/TabFolder.html
*/

const {Button, Tab, TextInput, TabFolder, TextView, ImageView, ui, WebView} = require('tabris');

let tabFolder = new TabFolder({
  left: 0, top: 0, right: 0, bottom: 0,
  paging: true // enables swiping. To still be able to open the developer console in iOS, swipe from the bottom right.
}).appendTo(ui.contentView);

let tabHome = new Tab({
    title: 'Tab 1', // converted to upper-case on Android
    //image: {src: image, scale: 2},
    //selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2}
  }).on({
    appear: ({target}) => console.log(`${target.title} aaa appeared`),
    disappear: ({target}) => console.log(`${target.title} aaa disappeared`)
  }).appendTo(tabFolder);

let txt1 = new TextView({
    centerX: 0, centerY: 0,
    text: 'Content of Tab 1 '
  }).appendTo(tabHome);

  let count = 0;

let btnSwitch = new Button({
  left: 10, top: 10,
  text: 'Switch tabWeb'
}).appendTo(tabHome);

// event outsite create new
btnSwitch.on('select', () => {
// no work tabFolder.Tab = 2;
console.log ('you pressed btnSwitch');
})




  new ImageView({
    centerX:0, top: 'prev() 10', width: 100, height: 100,
    image: 'http://weknowyourdreams.com/images/dice/dice-14.jpg',
    background: '#aaaaaa',
    scaleMode: 'fit'
  }).appendTo(tabHome);


let tabWeb = new Tab({
    title: 'Tab 2', // converted to upper-case on Android
    //image: {src: image, scale: 2},
    selectedImage: {src: 'http://weknowyourdreams.com/images/dice/dice-14.jpg', scale: 2}
  }).on({
    appear: ({target}) => console.log(`${target.title} xxxappeared`),
    disappear: ({target}) => console.log(`${target.title} xxxdisappeared`)
  }).appendTo(tabFolder);

  let txt2 = new TextView({
    centerX: 0, top:0,
    text: 'Content of Tab 2 '
  }).appendTo(tabWeb);


  // Create a web view to show a web page

let urlInput = new TextInput({
  left: 8, right: 8, top: 8,
  message: 'Enter URL...',
  text: 'http://en.wikipedia.org'
}).on('accept', loadUrl)
.appendTo(tabWeb);


let webView = new WebView({
  left: 0, top: 'prev() 8', right: 0, bottom: 0
}).appendTo(tabWeb);

function loadUrl() {
  webView.url = urlInput.text;
}
loadUrl();