ios nativesciptの上部にあるTabViewスティック

Question

私はタブビューを使ってデータを表示していますが、アンドロイドとIOSでは方向が異なります（上部のアンドロイドと下部のIOS）。上 ？それを設定するプロパティがないですか？

Answer 1

iOSでは、タブビューを上に貼ることはできません。あなたは同じように使うことができます。 SegmentedBar。私はあなたの例与えている：

メインpage.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo"> 
    <StackLayout> 
    <SegmentedBar selectedIndex="{{ selectedIndex }}"> 
     <SegmentedBar.items> 
      <SegmentedBarItem title="First" /> 
      <SegmentedBarItem title="Second" /> 
     </SegmentedBar.items> 
    </SegmentedBar> 
    <StackLayout visibility="{{ isItemVisible }}" > 
     <Label text="Tab1" textWrap="true" /> 
    </StackLayout> 
    <StackLayout visibility="{{ isItemVisibleSecond }}"> 
     <Label text="Tab2" textWrap="true" /> 
    </StackLayout> 
    </StackLayout> 
</Page> 

メインpage.jsを

var observable_1 = require("data/observable"); // Event handler for Page "navigatingTo" event attached in main-page.xml function navigatingTo(args) { 
    // Get the event sender 
    var page = args.object; 
    var observable = new observable_1.Observable(); 
    observable.set("selectedIndex", 0); 
    observable.set("isItemVisible", "visible"); 
    observable.set("isItemVisibleSecond", "collapsed"); 
    observable.addEventListener(observable_1.Observable.propertyChangeEvent, function (pcd) { 
     console.log(pcd.eventName.toString() + " " + pcd.propertyName.toString() + " " + pcd.value.toString()); 
     if (pcd.propertyName.toString() == 'selectedIndex') { 
      if (pcd.value.toString() == 0) { 
       observable.set("isItemVisible", "visible"); 
       observable.set("isItemVisibleSecond", "collapsed"); 
      } 
      else { 
       observable.set("isItemVisible", "collapsed"); 
       observable.set("isItemVisibleSecond", "visible"); 
      } 
     } 
    }); 
    page.bindingContext = observable; 
} 
exports.navigatingTo = navigatingTo;