React-native-router-flux: لون زر الرجوع

تم إنشاؤها على ٢٠ يونيو ٢٠١٦ · 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

التعليق الأكثر فائدة

هل ستجرب ما يلي

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

sercanov في ٢٢ يونيو ٢٠١٦

👍39 🎉1

ال 14 كومينتر

في كل مشهد ، يمكنك منح backButtonTextStyle={{ ... }}

281330 في ٢٠ يونيو ٢٠١٦

حاولت إضافته في المشهد بهذه الخصائص:

اللون
لون الخلفية
لون خفيف

لكنها لا تعمل ..

Shakarang في ٢١ يونيو ٢٠١٦

هل ستجرب ما يلي

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

sercanov في ٢٢ يونيو ٢٠١٦

👍39 🎉1

يمكنك دائمًا التعمق في:
node_modules / رد فعل-أصلية-موجه-تدفق / src / back_chevron.png

وتحرير "back_chevron.png" كيفما تشاء.

JaiNatha في ١ يونيو ٢٠١٧

آسف ، لقد أخطأت في قراءة تعليقك الأولي ، فقط أدركت أنك تحاول ضبطه لكل مشهد.

leftButtonIconStyle = {{tintColor: 'green'}} هو بالفعل الطريق الصحيح

JaiNatha في ١ يونيو ٢٠١٧

هذا لا يعمل في مشروعي.

إصدار
"رد فعل": "16.0.0-alpha.12"،
"تفاعل أصلي": "^ 0.46.3" ،
"رد فعل جهاز التوجيه الأصلي تدفق": "^ 4.0.0-beta.12"

بحاجة إلى تحديث لون الأيقونة مرة أخرى.

indu127pal في ٢١ يوليو ٢٠١٧

👍5

نفس المشكلة ، على RNRF 4.0.0-beta.15 لا يعمل يسار الزر ButtonIconStyle ولا barButtonIconStyle

jaimecorrea في ٢ أغسطس ٢٠١٧

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

هذا يعمل بالنسبة لي على [email protected]

jordenchang55 في ٩ أغسطس ٢٠١٧

👍24 ❤8 🎉6

headerTintColor صحيحًا ، لكن ماذا عن الحجم؟ أو ، إذا كنا نريد رمزًا خلفيًا مختلفًا؟

Frexuz في ٧ نوفمبر ٢٠١٧

تحقق هنا لتصميم شريط التنقل الخاص بك.
إذا كنت تريد تغيير الرمز ، فيمكنك استخدام خاصية leftButtonImage أو renderBackButton في المشهد.

jordenchang55 في ٧ نوفمبر ٢٠١٧

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

مثله؟

renderBackButton ليس دالة

تحديث:

renderBackButton={() => <Icon name='chevron-left' />} هذا إلى عرض السهم بشكل صحيح ، ولكنه لا يفعل شيئًا عند الضغط عليه ..

هل يتعين علينا حقًا إعادة تنفيذ الوظائف مرة أخرى بأنفسنا؟

Frexuz في ٧ نوفمبر ٢٠١٧

👍1

Frexuz هذه مشكلة أنا

يبدو أنه يتعين علينا إعادة تنفيذ وظيفة اللمس (التوجيه على الأرجح) بأنفسنا لكل مشهد (أي أن onRight / onLeft لا تفعل أي شيء إذا اخترت استخدام renderBackButton أو renderRightButton).