React-native-router-flux: बैक बटन रंग

को निर्मित 20 जून 2016 · 14टिप्पणियाँ · स्रोत: aksonov/react-native-router-flux

संस्करण

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

प्रतिक्रिया-देशी-राउटर-फ्लक्स v3.30.0
प्रतिक्रिया-मूल v0.27.2

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

मैं नीचे स्क्रीनशॉट की तरह तीर का रंग बदलने की कोशिश कर रहा हूं। हालाँकि, मैं प्रत्येक दृश्य पर एक रंग निर्धारित नहीं कर सकता। मैं इसे केवल रूट सीन पर ही कर सकता हूं। क्या मुझे कुछ याद आ रहा है या यह एक बग है?

जब मैं इसे रूट सीन पर सेट कर रहा हूं तो यह इस कोड के साथ काम करता है।

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }} barButtonIconStyle={{ tintColor: 'green' }}>
      <Scene key="connexion" component={Connexion}
         hideNavBar={false} title="Connexion" initial={true}/>
      <Scene key="signup" component={Signup} hideNavBar={false}
         title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
      />
   </Scene>
</Router>

मैं प्रत्येक दृश्य शैली को अलग से सेट करना चाहता हूं (इस कोड की तरह)। क्या यह भी संभव है

<Router >
   <Scene key="root" titleStyle={{ color: 'red' }}>
     <Scene key="connexion" component={Connexion}
       hideNavBar={false} title="Connexion" initial={true}/>
     <Scene key="signup" component={Signup} hideNavBar={false}
       title="PageOne" navigationBarStyle={NavBarStyle.bar.darkNavigationBar}
       barButtonIconStyle={{ tintColor: 'green' }}
      />
    </Scene>
</Router>

स्रोत

Shakarang

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

क्या आप निम्न @Shakarang की कोशिश करेंगे

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov 22 जून 2016

👍39 🎉1

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

प्रत्येक दृश्य में, आप backButtonTextStyle={{ ... }} दे सकते हैं

281330 20 जून 2016

मैंने इसे इन गुणों के साथ दृश्य में जोड़ने का प्रयास किया है:

रंग
पीछे का रंग
टिंटकलर

लेकिन यह काम नहीं करता..

Shakarang 21 जून 2016

क्या आप निम्न @Shakarang की कोशिश करेंगे

<Scene ... leftButtonIconStyle = {{ tintColor:'red'}} />

sercanov 22 जून 2016

👍39 🎉1

आप हमेशा नीचे ड्रिल कर सकते हैं:
node_modules/react-native-router-flux/src/back_chevron.png

और आप चाहें तो "back_chevron.png" संपादित करें।

JaiNatha 1 जून 2017

ओह क्षमा करें, मैंने आपकी प्रारंभिक टिप्पणी को गलत तरीके से पढ़ा, बस एहसास हुआ कि आप इसे प्रत्येक दृश्य के लिए सेट करने का प्रयास कर रहे हैं।

leftButtonIconStyle={{tintColor: 'हरा' }} वास्तव में जाने का रास्ता है

JaiNatha 1 जून 2017

यह मेरे प्रोजेक्ट में काम नहीं कर रहा है।

संस्करण
"प्रतिक्रिया": "16.0.0-alpha.12",
"प्रतिक्रिया-मूल": "^0.46.3",
"react-native-router-flux": "^4.0.0-beta.12"

आइकन रंग को वापस अपडेट करने की आवश्यकता है।

indu127pal 21 जुल॰ 2017

👍5

एक ही समस्या, RNRF 4.0.0-बीटा.15 पर बाएँ काम नहीं कर रहा हैButtonIconStyle, न ही barButtonIconStyle

jaimecorrea 2 अग॰ 2017

<Scene
    key="root"
    headerTintColor="#000"
>

यह मेरे लिए [email protected] . पर काम करता है

jordenchang55 9 अग॰ 2017

👍24 ❤8 🎉6

headerTintColor सही लगता है, लेकिन आकार के बारे में क्या? या, अगर हम एक अलग बैक-आइकन चाहते हैं?

Frexuz 7 नव॰ 2017

अपने नेवी बार को स्टाइल करने के लिए यहां देखें।
यदि आप आइकन बदलना चाहते हैं, तो आप दृश्य में leftButtonImage या renderBackButton प्रोप का उपयोग कर सकते हैं।

jordenchang55 7 नव॰ 2017

                      <Scene
                        key='HomePage'
                        component={HomePage}
                        renderBackButton={<Icon name='chevron-left' />}
                      />

इस तरह?

renderBackButton एक फ़ंक्शन नहीं है

अद्यतन:

renderBackButton={() => <Icon name='chevron-left' />} यह तीर को सही ढंग से प्रस्तुत करता है, लेकिन दबाए जाने पर यह कुछ भी नहीं करता है ..

क्या हमें वास्तव में स्वयं की कार्यक्षमता को फिर से लागू करना है?

Frexuz 7 नव॰ 2017

👍1

@Frexuz यह एक ऐसा मुद्दा है

ऐसा लगता है कि हमें प्रत्येक दृश्य के लिए ऑन-टच कार्यक्षमता (सबसे संभावित रूटिंग) को फिर से कार्यान्वित करना होगा (यानी यदि आप रेंडरबैकबटन या रेंडरराइटबटन का उपयोग करना चुनते हैं तो ऑनराइट/ऑनलेफ्ट कुछ भी नहीं करता है)।

SSTPIERRE2 21 नव॰ 2017

हेडर टिंटकलर = "# 000"

इसने मुझे भी काम किया

kallayyash 7 जन॰ 2019

<Scene
    key="root"
    headerTintColor="#000"
>
यह मेरे लिए [email protected] . पर काम करता है

यह मेरे लिए भी काम किया। आरएन 0.59

pietropr 28 मार्च 2019

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

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

React-native-router-flux: बैक बटन रंग

संस्करण

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

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

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

संबंधित मुद्दों