React-native-router-flux: क्रियाएँ.ताज़ा काम नहीं कर रहा

को निर्मित 18 अक्तू॰ 2017 · 24टिप्पणियाँ · स्रोत: aksonov/react-native-router-flux

संस्करण

हमें बताएं कि आप किन संस्करणों का उपयोग कर रहे हैं:

प्रतिक्रिया देशी-राउटर-फ्लक्स v4.0.0-बीटा.12
प्रतिक्रिया-मूल v0.46.4

अपेक्षित व्यवहार

क्रियाएँ। ताज़ा करें () वर्तमान दृश्य को ताज़ा करें।
यदि मेरा दृष्टिकोण गलत था, या Actions.refresh की कुछ आवश्यकता है, तो कृपया मुझे जानकारी प्रदान करें

वास्तविक व्यवहार

const ConnectRouter = connect()(Router);

const Routes = () => (
  <ConnectRouter>
    <Scene key="root">
      <Scene key="launchScreen" component={LoadingFull} hideNavBar />
      <Scene key="login" component={LoginForm} hideNavBar type={ActionConst.RESET} />
      <Scene key="lostPassword" component={LostPasswordForm} hideNavBar />
      <Scene key="dashboard" component={Dashboard} hideNavBar type={ActionConst.RESET} />
      <Scene key="search" component={SearchResult} hideNavBar />
    </Scene>
  </ConnectRouter>
);

जब मैं सर्च सीन (स्टेट के साथ प्लेन कंपोनेंट) पर था, तो मैं Actions.refresh का उपयोग करके सीन को रिफ्रेश करने की कोशिश कर रहा था। लेकिन किसी तरह यह बिल्कुल भी काम नहीं आया।

प्रजनन के चरण

प्रदान की गई दृश्य सूची का उपयोग करके खोज घटक पर जाएं (यह राज्य के साथ सिर्फ सादा घटक था)
ट्रिगर क्रियाएँ। बटन दबाकर / कुछ घटना को ट्रिगर करके ताज़ा करें

needs response from author

स्रोत

sitompul

👍8

सबसे उपयोगी टिप्पणी

@jaysassyinfotech
क्रियाएँ। ताज़ा करें ({कुंजी: क्रियाएँ। वर्तमान दृश्य}); दूसरी बार काम नहीं कर रहा
यदि आप ऐसा करते हैं तो यह काम करता है :)
क्रियाएँ। ताज़ा करें ({कुंजी: Math.random ()})

cosinus84 15 मार्च 2018

👍36 ❤24 🎉20 😄15 🚀9

सभी 24 टिप्पणियाँ

+1
मैं दृश्य से रेंडरबैकबटन का उपयोग करना चाहता हूं। मेरा उदाहरण कोड,

public componentWillMount (): void {
               Actions.refresh({
            renderBackButton: this.renderBackButton.bind(this),
            onRight: this.onRightButtonPress.bind(this)
        });
}

यह काम नहीं कर रहा है। मुझे लगता है कि यह वही मुद्दा है।

omeraplak 24 अक्तू॰ 2017

👎9

renderBackButton के बजाय renderBackButton leftButton आज़माएं और इसमें कंपोनेंट पास करें।

kesha-antonov 24 अक्तू॰ 2017

👎5 👍1

@ केशा-एंटोनोव यह काम नहीं कर रहा है। मैं इसके लिए नया मुद्दा बनाता हूं।

omeraplak 24 अक्तू॰ 2017

👎5 🎉1

इससे मेरा काम बनता है। rnrf-4-बीटा22

leftButton बाएं आइकन के लिए
right सही आइकन के लिए

kesha-antonov 24 अक्तू॰ 2017

👎9 👍1

सार्वजनिक घटक विलमाउंट (): शून्य {
this.props.navigation.setParams({
ऑनराइट: () => {this.myOnRight ();},
सही शीर्षक: 'नया शीर्षक',
});
}
यह मेरे लिए काम कर रहा है।

peterchen08 1 नव॰ 2017

👎9 😕1 👍1

जीसस, मैं यहां मूल मुद्दे के उत्तर की तलाश में आया था।
कृपया, गैर-संबंधित मुद्दों पर गुल्लक न करने का प्रयास करें!

francois-pasquier 17 नव॰ 2017

👍15

मुझे एक ही समस्या हो रही है लेकिन स्टोर को अपडेट करते समय (mobx)

<strong i="7">@observer</strong>
class Custom extends Component {
  render() {

    // prints every time I update state, this's ok!
    console.log('update', store.session.get('logged'))

    return (
      <Router>
        <Scene key="root">
          <Scene key="login"
            component={login}
            type="replace"
            onEnter={() => {
                // ONLY enter here once
                console.log('onEnter');
                return store.session.get('logged')
            }}
            success="recents"
          />
          <Scene key="recents" component={recents} />
        </Scene>
      </Router>
    )
  }
}

मैंने स्टोर के अपडेट के बाद Actions.refresh() कॉलिंग 'री-रेंडर' को ट्रिगर करने का प्रयास किया, लेकिन onEnter प्रतिक्रिया नहीं दे रहा है।

  _onPressButton() {
    store.session.set('logged', !store.session.get('logged')) // invert the value in store
    Actions.refresh() // tested with { key: 'login' } too
  }

issue

@aksonov क्या आप कृपया हमें सही दिशा में इंगित कर सकते हैं? :प्रार्थना:

frangeris 24 नव॰ 2017

नमस्ते

मुझे एक ही समस्या है ... जब मैं क्रियाओं के साथ रीफ्रेश करने का प्रयास करता हूं। ताज़ा करें() कुछ भी नहीं होता है

import React, { Component } from 'react';
import {
    View,
    Text,
    Button,
} from 'react-native';

import { Actions } from 'react-native-router-flux';

export default class Types extends Component {

    constructor(props) {
        super(props);
        console.log("Constructor Types")
    }

    componentWillMount() {
        console.log('Will mount Types')
    }

    componentWillUpdate() {
        console.log("Will Update Types")
    }

    componentWillUnmount() {
        console.log("will Unmont Types")
    }
    render() {
        console.log("render Types")
        return (
            <Button title='refresh' onPress={() => Actions.refresh()}/>
        )
    }
}

Alp4ga 13 दिस॰ 2017

👍2

यहां एक ही समस्या है, मैं रेडक्स का उपयोग कर रहा हूं और जब मैं सही बटन रीफ्रेश करने का प्रयास करता हूं तो यह अपडेट नहीं होता है।

mlevkovsky 3 जन॰ 2018

कृपया उदाहरण परियोजना के साथ इस मुद्दे को पुन: पेश करें।

aksonov 5 जन॰ 2018

Actions.refresh({ key: Actions.currentScene }); दूसरी बार काम नहीं कर रहा
https://github.com/aksonov/react-native-router-flux/issues/2862
@aksonov

jaysassyinfotech 8 फ़र॰ 2018

👍2

cosinus84 15 मार्च 2018

👍36 ❤24 🎉20 😄15 🚀9

@cosinus84 सर आप जीवन रक्षक हैं।

katiachumakova 15 मई 2018

👍3

@ cosinus84 यह वास्तव में काम है। बहुत खूब
लेकिन क्या कोई स्पष्टीकरण है कि Math.random() सभी चालें क्यों करता है?

kevinkjs 23 मई 2018

👀1 👍1

@cosinus84 आप रॉक मैन (y)

hanishcodebrew 7 अग॰ 2018

उम्मीद है कि अब नवीनतम संस्करण के लिए यादृच्छिक की आवश्यकता नहीं है

aksonov 8 अग॰ 2018

👍1

@aksonov कृपया आप उन प्रॉप्स (उनके कार्यों के साथ) को सूचीबद्ध कर सकते हैं जिनका उपयोग हम Actions.refresh() में कर सकते हैं क्योंकि सीन प्रॉप्स यहां काम नहीं कर रहे हैं।

SalviShahzad 23 अक्तू॰ 2018

आप उदाहरण ऐप और इसके रीफ्रेश कॉल की जांच कर सकते हैं - यह नवीनतम 4.0.5 के साथ ठीक काम करता है। इस मुद्दे को प्रदर्शित करने के लिए उदाहरण के अनुसार क्लोन और संशोधित करने के लिए स्वतंत्र महसूस करें।

aksonov 23 अक्तू॰ 2018

हां, यह ठीक काम कर रहा है, लेकिन मेरा सुझाव है कि आप रिफ्रेश कॉल के साथ उपयोग किए जाने वाले प्रॉप्स की एक सूची बनाएं क्योंकि हम नहीं जानते होंगे कि कब किसका उपयोग करना है।
उदाहरण के लिए बैक बटन को रेंडर करने के लिए हमें leftButton प्रोप का उपयोग करने की आवश्यकता है, लेकिन मुझे यह नहीं पता था कि जब तक मैं @ केशा-एंटोनोव की टिप्पणी नहीं पढ़ता

SalviShahzad 24 अक्तू॰ 2018

यह काम कर रहा है

preetluv 19 दिस॰ 2018

@preetluv मन मुझे बता रहा है कि आपने इसे कैसे ठीक किया?

C0dekid 11 मार्च 2019

@preetluv देखें cosinus84 का जवाब

waliurjs 12 मार्च 2019

आप निम्न कार्य कर सकते हैं:-

क्रियाएँ। पॉप ()
setTimeout(()=> Actions.refresh({"somePropToRefresh":Math.random(),"yourProp":" रिफ्रेश करने के लिए
पिछली स्क्रीन वापस जाने पर"}),0.5);

आप वापस करने के बाद पिछली स्क्रीन में कंपोनेंट WillReceiveProps में "yourProp" की जांच कर सकते हैं।

christopher-18 12 मार्च 2019

मैं react-native-router-flux 4.2.0-beta.2 का उपयोग करता हूं और यह सेटटाइमआउट के साथ काम करता है

matteocollina 28 मई 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स