React-native-router-flux: 동적 제목

Actions.refresh(props)를 사용하여 내비게이터 전환 없이 속성을 설정하는 지원을 추가했습니다. 시도해 보세요(버전 2.3.1).

감사합니다 aksonov.
내가 당신을 제대로 이해하지 못할 수도 있습니다.
예를 들어 제목의 상태를 변경하려는 경우입니다. 나는 전화 할 것이다
Actions.refresh({title: 'Some other title'})
다시 찾아주셔서 감사합니다.
:0)

내 나쁜, 모두 잘 작동합니다. 도움을 주셔서 대단히 감사합니다 aksonov. 매우 감사. :0)

제목을 동적으로 설정하는 버그처럼 보이는 문제가 발생했습니다. Actions.refresh가 정적 제목을 재정의하여 모든 경로에 대해 설정하는 것 같습니다.

제 경우에는 마스터 경로에 제목 소품이 있고 세부 경로 제목이 동적으로만 설정되는 마스터-세부 설정이 있습니다. 내가 세부 경로에 있고 제목이 변경되면 제목과 뒤로 버튼이 모두 동일한 텍스트로 변경됩니다. 마스터로 돌아갈 때 동적 제목은 그대로 유지됩니다(스키마 제목으로 돌아가지 않고).

나는 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 리듀서에서 상태를 설정하여 해결했습니다. 제목을 변경하고 앱 상태를 업데이트하고 props가 업데이트를 읽는 모든 사용자 작업에 Redux 작업을 연결합니다. 도.

기본적으로 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를 최상위 RouterWithRedux 수준 대신 Scene 구성 요소에

@jondbm 을 루트 장면에 넣는 것은 해결되지 않았지만

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

굉장합니다. 전환할 때 제목을 페이드 인/아웃하는 깔끔한 방법이 있습니까? 제 경우에는 사용자가 100px 이상 스크롤하면 제목이 바뀝니다. 전환을 페이드하는 것이 좋습니다. 건배.

@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"})가 작동하지 않습니다. 서랍이 있을 때 제목을 설정하거나 일부 속성을 보내는 방법은 무엇입니까?