Нажатие кнопки перейти на экран вкладки в реагировать родной базы

Question

Здесь я использовал встроенную базовую прокрутку React.Если я нажму кнопку («Перейти к menu4»), то этот экран перейдет к Menu4.Как это сделать?

Вот мой код.

import React, { Component } from 'react';
import { Container, Button, Tab, Tabs, ScrollableTab,Text} from 'native-base';

import Screen from './screens/Screen';

export default class MyApp extends Component {
  render() {
    return (
      <Container>
        <Tabs locked={true} renderTabBar={()=> <ScrollableTab />}>
        <Tab heading="Menu1">
            <Screen />
          </Tab>
          <Tab heading="Menu2">
            <Screen />
          </Tab>
          <Tab heading="Menu3">
            <Screen />
          </Tab>
          <Tab heading="Menu4">
            <Screen />
          </Tab>
          </Tabs>
          <Button><Text>Go to Menu4</Text></Button>
      </Container>
    );
  }
}

Answer 1

NativeBase tabs имеет метод с именем goToPage.

. При изменении кода это будет:

<Tabs 
    locked={true} 
    renderTabBar={()=> <ScrollableTab />}
    ref={c=> this.tabs = c} 
>

      ...

      <Button onPress={()=> this.changePage(4)}><Text>Go to Menu4</Text></Button>

      ...

</Tabs>

И функция changePage будет иметь вид:

changePage=(page)=> this.tabs.goToPage(page)