反応したネイティブのタブバーに新しいタブを追加するには？

Question

私はネイティブ反応する新しいです。私は、我々がブラウザで行うように、ボタンをクリックしてタブバー上で新しいタブを追加するにはAndroidアプリを開発しています。誰でも私にそれをする方法を教えてもらえますか？

Answer 1

それは

ここドキュメントで例コード

import { TabNavigator } from "react-navigation"; 

class RecentChatsScreen extends React.Component { 
    render() { 
    return <Text>List of recent chats</Text> 
    } 
} 

class AllContactsScreen extends React.Component { 
    render() { 
    return <Text>List of all contacts</Text> 
    } 
} 

const MainScreenNavigator = TabNavigator({ 
    Recent: { screen: RecentChatsScreen }, 
    All: { screen: AllContactsScreen }, 
}); 

Answer 2

https://reactnavigation.org/docs/intro/nestingかなり明確だこのlinkを確認してください。スクロール可能なタブを提供できるので、ネイティブベースを使用することをお勧めします。その後、スクロール可能なタブの最後に追加ボタンを配置します。ここでは、スクロール可能なタブコードの例は次のとおりです。

import React, { Component } from 'react'; 
 
import { Container, Header, Tab, Tabs } from 'native-base'; 
 
import Tab1 from './tabOne'; 
 
import Tab2 from './tabTwo'; 
 
​export default class TabsScrollableExample extends Component { 
 
    render() { 
 
    return (
 
     <Container> 
 
     <Header hasTabs/> 
 
     <Tabs renderTabBar={()=> <ScrollableTab />}> 
 
      <Tab heading="Tab1"> 
 
      <Tab1 /> 
 
      </Tab> 
 
      <Tab heading="Tab2"> 
 
      <Tab2 /> 
 
      </Tab> 
 
      <Tab heading="Tab3"> 
 
      <Tab3 /> 
 
      </Tab> 
 
      <Tab heading="Tab4"> 
 
      <Tab4 /> 
 
      </Tab> 
 
      <Tab heading="Tab5"> 
 
      <Tab5 /> 
 
      </Tab> 
 
     </Tabs> 
 
     </Container> 
 
    ); 
 
    } 
 
}