您的问题

Question

我需要知道如何在标题上设置标题。这是我的代码：

我正在尝试使用道具将值设置为导航栏的标题。这是我的方法。但是，它不起作用。有人可以帮我解决这个问题。

Index.Ios Class

...
export default class pro extends Component {
  render() {
    return (

      <Container>
        <He sometext={'sd'}/>


      </Container>
    );
  }
}
...

Header.js

import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { Container, Header,  Body,  Title } from 'native-base';

export default class He extends Component {
  render(props) {
    return (

        <Header>

          <Body>
            <Title>{props.sometext}</Title>
          </Body>

        </Header>

    );
  }
}

module.export = He;

Answer 1

您的问题

对于您的问题，我认为您错过了this.props.sometext。 React中的render方法不接受参数（doc）。相反，您可以通过this.props访问组件道具。

Header.js

import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { Container, Header,  Body,  Title } from 'native-base';

export default class He extends Component {
  render() {
    return (

        <Header>

          <Body>
            <Title>{this.props.sometext}</Title> // <==== HERE
          </Body>

        </Header>

    );
  }
}

module.export = He;

更好的导航栏管理

如果您需要更复杂地使用导航栏，例如在视图之间导航和传递道具，则可以使用react-navigation来执行此操作。

您可以从Getting Started页面开始设置正确的内容。

使用props将标题添加到导航栏ReactNative

1 个答案:

您的问题

Header.js

更好的导航栏管理