美文网首页
react native 使用react-navigation

react native 使用react-navigation

作者: wanTag | 来源:发表于2018-08-06 18:17 被阅读84次

    解决方法:
    去 node_modules/react-navigation/src/views/Header/Header.js中的 title 属性一栏里

    _renderTitle(props, options) {
        const { layoutPreset, transitionPreset } = this.props;
        let style = [
          { justifyContent: layoutPreset === 'center' ? 'center' : 'flex-start' },
          getTitleOffsets(
            layoutPreset,
            false,
            options.hasLeftComponent,
            options.hasRightComponent
          ),
          options.headerTitleContainerStyle,
        ];
    
      return this._renderSubView(
          { ...props, style },
          'title',
          this._renderTitleComponent,
          transitionPreset === 'uikit'
            ? this.props.titleFromLeftInterpolator
            : this.props.titleInterpolator
        );
      }
    

    修改为:

      _renderTitle(props, options) {
        const { layoutPreset, transitionPreset } = this.props;
       // 主要把 flex-start 改成  center
        let style = [
          { justifyContent: layoutPreset === 'center' ? 'center' : 'center' },
          getTitleOffsets(
            layoutPreset,
            false,
            options.hasLeftComponent,
            options.hasRightComponent
          ),
          options.headerTitleContainerStyle,
        ];
    
        return this._renderSubView(
          { ...props, style },
          'title',
          this._renderTitleComponent,
          transitionPreset === 'uikit'
            ? this.props.titleFromLeftInterpolator
            : this.props.titleInterpolator
        );
      }
    

    相关文章

      网友评论

          本文标题:react native 使用react-navigation

          本文链接:https://www.haomeiwen.com/subject/eaigvftx.html