React-native-router-flux: Динамический заголовок

Я только что добавил поддержку для установки свойств без перехода навигатора с помощью Actions.refresh (props), попробуйте (версия 2.3.1)

Спасибо аксонов.
Возможно, я вас неправильно понимаю.
Так, например, если бы я хотел изменить состояние заголовка. Я бы позвонил
Actions.refresh({title: 'Some other title'})
Большое спасибо, что вернулись ко мне.
: 0)

Мое плохое, все работает отлично. Большое спасибо за помощь аксонов. Очень признателен. : 0)

Я столкнулся с проблемой, которая кажется здесь ошибкой при динамической установке заголовка. Похоже, что Actions.refresh устанавливает его для всех маршрутов, переопределяя их статические заголовки.

В моем случае у меня есть настройка master-detail, где основной маршрут имеет свойство title, а заголовок подробного маршрута устанавливается только динамически. Когда я нахожусь в подробном маршруте и заголовок меняется, происходит то, что и заголовок, и кнопка «Назад» меняются на один и тот же текст. При возврате к мастеру динамический заголовок остается включенным (вместо возврата к заголовку схемы).

Я новичок в React Native, поэтому не уверен, что это задумано или нет ...?

Спасибо!

Есть ли способ установить его для конкретной сцены, даже если я в данный момент не на этой сцене? т.е.

Actions.refresh({key: 'home', title: 'My new title'})

@greatwitenorth каков ваш конкретный вариант использования?
например, если вы переходите к представлению с помощью ключа view2 вы можете установить заголовок с такими реквизитами

Actions.view2({ title: 'My New Title' })

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

@greatwitenorth Я столкнулся с той же проблемой. Как изменить заголовок, не переходя на новый маршрут с измененным заголовком?

Хорошо, мне следовало лучше прочитать документацию, это просто
Actions.refresh({title: 'new title'})

@greatwitenorth вы нашли какое-нибудь достойное решение?
Я получаю заголовок из состояния, поэтому при изменении состояния я хочу, чтобы конкретное представление имело это значение в качестве заголовка. Иногда люди меняют заголовок и перемещаются с помощью кнопки возврата, в этом случае я не могу определить параметр {title:} (и передать значение состояния в обратном действии), или я что-то упускаю?

Обновление в одном из методов жизненного цикла компонента (или при рендеринге) приводит к сбою приложения, поскольку оно, вероятно, попадает в бесконечный цикл из-за изменения свойств состояния.

С уважением,

@JeroenNelen У меня была аналогичная проблема, и я решил ее, поместив обновление в ComponentDidMount и установив состояние в редукторах Redux - я привязываю действие Redux к каждому действию пользователя, которое изменяет заголовок, обновляет состояние приложения и реквизиты, которые обновление читает update слишком.

В общем, что-то вроде этой строки в ComponentDidMount:

Actions.refresh({title: this.props.state.myapp.myvalue})

@jondbm спасибо за предложение, но мы решили перейти на другой навигатор.

С уважением,

@JeroenNelen, какой навигатор вы сейчас используете? (Если вы не против поделиться)

Почему при настройке ниже не обновляется правая кнопка? console.log записывает новое значение, но правильный заголовок никогда не обновляется?

const RouterWithRedux = connect()(Router);

export class App extends Component {

  constructor(props) {
    super(props);
  }

  render() {
    let title = '(' + this.props.basket.length + ')';
    console.log(title);
    return (
      <RouterWithRedux rightTitle={title} onRight={() => alert('All right')}>
        <Scene key="root">
          <Scene key="home" component={Main} title="Main"/>
          <Scene key="page1" component={SomePage} title="SomePage"/>
        </Scene>
      </RouterWithRedux>
    );
  }
}
App.propTypes = {
  dispatch: PropTypes.func.isRequired
};

// Wrap the component to inject dispatch and state into it
export default connect(
  state => {
    return {basket: state.basket.items}
  }
)(App);

@jaynakus righttitle или правая кнопка?

Название!

Я бы посоветовал использовать настраиваемую навигационную панель с тем, чем вы хотите быть.

@jaynakus попробуйте поместить ваши rightTitle и onRight в компонент Scene вместо верхнего уровня RouterWithRedux, это может сработать.

@jondbm, поместив их в корневую сцену, не разрешил, но вызов Actions.refresh () в componentWillReceiveProps помог;)

const RouterWithRedux = connect()(Router);

export class App extends Component {

  constructor(props) {
    super(props);
  }

  componentWillReceiveProps(nextProps) {
    if (this.props.basket.length !== nextProps.basket.length) {
      console.log(nextProps.basket.length);
      let title = '(' + nextProps.basket.length + ')';
      Actions.refresh({rightTitle: title});
    }
  }

  render() {
    let title = '(' + this.props.basket.length + ')';
    return (
      <RouterWithRedux>
        <Scene key="root" rightTitle={title} onRight={() => alert('All right')}>
          <Scene key="home" component={Main} title="Main"/>
          <Scene key="page1" component={SomePage} title="SomePage"/>
        </Scene>
      </RouterWithRedux>
    );
  }
}
App.propTypes = {
  dispatch: PropTypes.func.isRequired
};

// Wrap the component to inject dispatch and state into it
export default connect(
  state => {
    return {basket: state.basket.items}
  }
)(App);

смотрите здесь: https://github.com/aksonov/react-native-router-flux/issues/1922

Это потрясающе, есть ли чистый способ постепенного появления / исчезновения заголовка при переключении? В моем случае у меня есть переключение заголовка, когда пользователь прокручивает более 100 пикселей. Было бы неплохо сделать переход плавным. Ваше здоровье.

@greatwitenorth каков ваш конкретный вариант использования?
например, если вы переходите к представлению с помощью ключа view2 вы можете установить заголовок с такими реквизитами

`` js
Actions.view2 ({title: 'Мой новый заголовок'})

Как мы можем получить к нему доступ в установочном файле?

Если у меня такая конфигурация:

<Router>
                    <Scene key="root" navBar={NavBar}>
                        <Scene
                            hideNavBar
                            key="login"
                            component={Login}
                            initial
                        />

                        <Scene drawer
                               drawerPosition="right" drawerWidth={300}
                               key="task"
                               contentComponent={DrawerView}
                               drawerIcon={drawerIcon}
                               rightButtonImage="menu"
                               onRight={() => {
                                   Actions.drawerOpen()
                               }} hideNavBar
                        >

                            <Scene key="taskInner"
                                   leftButtonImage="arrow-back"
                                   component={TaskView}
                                   onLeft={() => {
                                       Actions.popTo('tasksList')
                                   }}
                            />
                        </Scene>

                    </Scene>
</Router>

Тогда Actions.task ({title: 'My New Title'}) или Actions.refresh ({title: "My New Title"}) не работают. Как установить заголовок или отправить некоторые свойства при наличии ящика?