изменить название экрана реагировать на родной - PullRequest
Новая
       97

изменить название экрана реагировать на родной

0 голосов
/ 30 апреля 2018

Я использую response-native-tab-navigator:

https://github.com/happypancake/react-native-tab-navigator

<TabNavigator style={styles.container}>
    <TabNavigator.Item
      selected={this.state.selectedTab === 'home'}
      title="Home"
      selectedTitleStyle={{color: "#3496f0"}}
      renderIcon={() => <Icon name="home" size={px2dp(22)} color="#666"/>}
      renderSelectedIcon={() => <Icon name="home" size={px2dp(22)} color="#3496f0"/>}
      onPress={() => this.setState({selectedTab: 'home'})}>
      <SideMenu menu={MenuComponent}>
        <HomeScreen/>
      </SideMenu>
    </TabNavigator.Item>
    <TabNavigator.Item
      selected={this.state.selectedTab === 'links'}
      title="Links"
      selectedTitleStyle={{color: "#3496f0"}}
      renderIcon={() => <Icon name="user" size={px2dp(22)} color="#666"/>}
      renderSelectedIcon={() => <Icon name="user" size={px2dp(22)} color="#3496f0"/>}
      onPress={() => this.setState({selectedTab: 'links'})}>
      <SideMenu menu={MenuComponent}>
        <LinksScreen/>
      </SideMenu>
    </TabNavigator.Item>
  </TabNavigator>

У меня экран настроен следующим образом: 

// app/index.js

import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';

import HomeScreen from './containers/HomeScreen';
import LinksScreen from './containers/LinksScreen';
import TabNavScreen from './containers/TabNavScreen';

const MyApp = () => {
  return (
    <Router>
      <Scene key="root">
        <Scene key="home"
          component={HomeScreen}
          title="Home"
        />
        <Scene
          key="links"
          component={LinksScreen}
          title="Links"
        />
        <Scene key="tabNav"
          component={TabNavScreen}
          title="Home"
          initial
        />
      </Scene>
    </Router>
  );
}

export default MyApp;

Мне нужно изменить заголовок главного экрана при смене вкладки. Прямо сейчас это исправлено для Home, и все, что я пытаюсь сделать, кажется неудачным.

Заранее спасибо за помощь.

1 Ответ

0 голосов
/ 01 мая 2018

Если вы передаете название в качестве реквизита, вы можете получить к нему доступ, просто изменив title="TITLE" на title={this.props.title}

...