2

反応ネイティブ アプリの画面の 1 つにトップ タブを追加したいと考えています。ナビゲーションに react-native-navigation を使用しています。Navigation.startTabBasedApp で定義されている任意の画面、つまり、下部のタブの 1 つでもある任意の画面で簡単にアクセスできます。

下部のタブの 1 つではない画面に上部のタブが必要です。これが私が今それをやろうとしている方法です

Navigation.startSingleScreenApp({
    screen: {
      screen: 'screen',
      title: 'screen'
    },
    TopTabRootScreen: {
      screen: 'ToptabRoot',
      title: 'ToptabRoot',
      navigatorStyle: {},
      topTabs: [
        {
          screenId: 'toptab1',
          icon: icon
        },
        {
          screenId: 'toptab2',
          icon: icon
        }]
    }
  });

react-native-navigation のドキュメントがかなり不足しているため、上記のコードが機能しない理由がわかりません。

また、次のようなタブベースのアプリを開始します。

 Navigation.startTabBasedApp({
tabs: [
  {
    label: 'tab1',
    screen: 'tab1',
    icon: icon,  
    selectedIcon: icon,
    },
    title: 'tab1',
    navigatorStyle: {}, 
    navigatorButtons: {} 
  },
  {
    label: 'tab2',
    screen: 'tab2',
    icon: Icon,
    selectedIcon: Icon,
    title: 'tab2'
  },
  {
    label: 'tab3',
    screen: 'tab3',
    icon: Icon,
    selectedIcon: Icon,
    title: 'tab3'
  {
    label: 'tab4',
    screen: 'tab4',
    icon: Icon,
    selectedIcon: Icon,
    title: 'tab4',
    navigatorButtons: 
   }
 });

画面の中でできそうな気がする

static navigatorStyle = {
};

しかし、それがどのように見えるかわかりません。これを行う方法についての助けをいただければ幸いです。

4

1 に答える 1

1

サンプルアプリに topTabs 画面の例があります

this.props.navigator.push({
  screen: 'example.Types.TopTabs',
  title: 'Top Tabs',
  topTabs: [{
    screenId: 'example.Types.TopTabs.TabOne',
    title: 'Tab One',
  }, {
    screenId: 'example.Types.TopTabs.TabTwo',
    title: 'Tab Two',
  }],
});
于 2017-07-23T05:43:46.217 に答える