React-native-router-flux: गतिशील शीर्षक

मैंने Actions.refresh(props) का उपयोग करके नेविगेटर संक्रमण के बिना गुण सेट करने के लिए अभी समर्थन जोड़ा है, कृपया इसे आज़माएं (संस्करण 2.3.1)

धन्यवाद अक्सोनोव।
हो सकता है कि मैं आपको ठीक से समझ नहीं पा रहा हूं।
तो, उदाहरण के लिए यदि मैं शीर्षक की स्थिति बदलना चाहता हूं। मैं फोन करूं
Actions.refresh({title: 'Some other title'})
मेरे पास वापस आने के लिए बहुत धन्यवाद।
:0)

मेरा बुरा, यह सब बढ़िया काम कर रहा है। आपकी मदद के लिए बहुत बहुत धन्यवाद अक्सोनोव। बहुत सराहना की। :0)

मैं एक ऐसे मुद्दे में भाग रहा हूं जो शीर्षक को गतिशील रूप से सेट करने के साथ यहां एक बग की तरह लगता है। ऐसा लगता है कि Actions.refresh इसे सभी मार्गों के लिए सेट करता है, उनके स्थिर शीर्षकों को ओवरराइड करता है।

मेरे मामले में, मेरे पास एक मास्टर-विवरण सेटअप है जहां मास्टर रूट का शीर्षक प्रोप है और विस्तार मार्ग शीर्षक केवल गतिशील रूप से सेट किया गया है। जब मैं विस्तार मार्ग में होता हूं और शीर्षक बदलता है तो क्या होता है कि शीर्षक और बैक बटन दोनों एक ही टेक्स्ट में बदल जाते हैं। मास्टर के पास वापस जाने पर, गतिशील शीर्षक चालू रहता है (इसके स्कीमा शीर्षक पर वापस जाने के बजाय)।

मैं मूल निवासी प्रतिक्रिया करने के लिए नया हूँ इसलिए मुझे यकीन नहीं है कि यह डिज़ाइन द्वारा है या नहीं ...?

धन्यवाद!

क्या किसी विशिष्ट दृश्य के लिए इसे सेट करने का कोई तरीका है, भले ही मैं उस दृश्य पर वर्तमान में नहीं हूं? अर्थात

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

@greatwitenorth आपका सटीक उपयोग मामला क्या है?
उदाहरण के लिए यदि आप कुंजी view2 साथ एक दृश्य में नेविगेट कर रहे हैं तो आप इस तरह के प्रोप के साथ शीर्षक सेट कर सकते हैं

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

मेरा मुद्दा यह था कि मैं उस दृश्य पर नेविगेट नहीं कर रहा था जिसके लिए इसके शीर्षक को अद्यतन करने की आवश्यकता थी। मेरी स्क्रीन ने उपयोगकर्ता का पता अपडेट किया, लेकिन पता पूरी तरह से अलग स्क्रीन पर शीर्षक के रूप में प्रदर्शित किया गया था।

@greatwitenorth मैं उसी समस्या में भाग गया। बदले हुए शीर्षक के साथ एक नए मार्ग पर नेविगेट किए बिना शीर्षक कैसे बदलें?

ठीक है, मुझे दस्तावेज़ीकरण को बेहतर ढंग से पढ़ना चाहिए था, यह बस है
Actions.refresh({title: 'new title'})

@greatwitenorth क्या आपको कोई अच्छा समाधान मिला?
मैं राज्य से शीर्षक ला रहा हूं, इसलिए जब भी राज्य बदलता है, मैं उस मूल्य को शीर्षक के रूप में रखने के लिए एक विशिष्ट दृश्य चाहता हूं। कभी-कभी लोग शीर्षक बदलते हैं और बैक बटन के माध्यम से नेविगेट करते हैं, उस स्थिति में मैं {शीर्षक:} पैरामीटर को परिभाषित नहीं कर सकता (और बैक एक्शन में स्टेट-वैल्यू पास कर सकता हूं), या क्या मुझे कुछ याद आ रहा है?

घटक (या रेंडर में) के जीवनचक्र विधियों में से एक में रीफ़्रेश करने से ऐप क्रैश हो जाता है क्योंकि यह राज्य के गुणों को बदलने के कारण संभवतः एक अनंत लूप में आ जाता है।

सधन्यवाद,

@JeroenNelen मेरे पास एक समान समस्या थी और इसे कंपोनेंटडिडमाउंट में रिफ्रेश डालकर और Redux रिड्यूसर में राज्य को सेट करके हल किया - मैं हर उपयोगकर्ता कार्रवाई में एक Redux क्रिया

तो मूल रूप से ComponentDidMount में इस लाइन की तरह कुछ:

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

@jondbm सुझाव के लिए धन्यवाद, लेकिन हमने एक अलग नेविगेटर पर स्विच करने का निर्णय लिया है।

सधन्यवाद,

@JeroenNelen आप अभी किस नेविगेटर का उपयोग कर रहे हैं? (यदि आपको साझा करने में कोई आपत्ति नहीं है)

क्यों नीचे सेटअप दायां बटन रीफ्रेश नहीं कर रहा है? कंसोल.लॉग नया मान लिखता है, लेकिन सही शीर्षक कभी ताज़ा नहीं होता है?

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 राइटटाइटल या राइट बटन?

शीर्षक!

मैं कस्टम नावबार का उपयोग करने का सुझाव दूंगा, जो कुछ भी आप इसमें रहना चाहते हैं।

@jaynakus शीर्ष राउटरविथरेडक्स स्तर के बजाय अपने सीन घटक में अपना राइटटाइट और ऑनराइट डालने का प्रयास करें, जो काम कर सकता है।

@jondbm ने उन्हें रूट सीन में डालने का समाधान नहीं किया, लेकिन कंपोनेंट में Actions.refresh() को कॉल करना ट्रिक किया;)

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 साथ एक दृश्य में नेविगेट कर रहे हैं तो आप इस तरह के प्रोप के साथ शीर्षक सेट कर सकते हैं

```जेएस
Actions.view2({शीर्षक: 'मेरा नया शीर्षक'})

हम इसे सेटअप फ़ाइल में कैसे एक्सेस कर सकते हैं?

अगर मेरे पास इस तरह की कॉन्फ़िगरेशन है:

<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"}) काम नहीं करता। एक दराज होने पर शीर्षक कैसे सेट करें या कुछ गुण कैसे भेजें?