React-native-router-flux: Warna tombol kembali

Dibuat pada 20 Jun 2016 · 14Komentar · Sumber: aksonov/react-native-router-flux

Versi: kapan

Beri tahu kami versi mana yang Anda gunakan:

reaksi-asli-router-flux v3.30.0
reaksi asli v0.27.2

Perilaku yang diharapkan

Saya mencoba mengubah warna panah seperti tangkapan layar di bawah ini. Namun, saya tidak dapat mengatur warna pada setiap adegan. Saya hanya bisa melakukannya di Adegan root. Apakah saya melewatkan sesuatu atau itu bug?

Ini berfungsi dengan kode ini ketika saya mengaturnya ke adegan root.

<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>

Saya ingin mengatur setiap gaya adegan secara terpisah (seperti kode ini). Apakah mungkin?

<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>

Sumber

Shakarang

Komentar yang paling membantu

Maukah Anda mencoba yang berikut ini @Shakarang

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

sercanov pada 22 Jun 2016

👍39 🎉1

Semua 14 komentar

Di setiap Adegan, Anda dapat memberikan backButtonTextStyle={{ ... }}

281330 pada 20 Jun 2016

Saya sudah mencoba menambahkannya di adegan dengan properti ini:

warna
warna latar belakang
warnawarna

Tapi tidak berhasil..

Shakarang pada 21 Jun 2016

Maukah Anda mencoba yang berikut ini @Shakarang

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

sercanov pada 22 Jun 2016

👍39 🎉1

Anda selalu dapat menelusuri:
node_modules/react-native-router-flux/src/back_chevron.png

dan edit "back_chevron.png" sesuka Anda.

JaiNatha pada 1 Jun 2017

Oh maaf, saya salah membaca komentar awal Anda, baru sadar Anda mencoba mengaturnya untuk setiap adegan.

leftButtonIconStyle={{ tintColor: 'green' }} memang cara yang tepat

JaiNatha pada 1 Jun 2017

Ini tidak berfungsi di proyek saya.

Versi: kapan
"bereaksi": "16.0.0-alpha.12",
"react-asli": "^0.46.3",
"react-native-router-flux": "^4.0.0-beta.12"

perlu memperbarui kembali warna Ikon.

indu127pal pada 21 Jul 2017

👍5

Masalah yang sama, pada RNRF 4.0.0-beta.15 tidak berfungsi leftButtonIconStyle, juga barButtonIconStyle

jaimecorrea pada 2 Agu 2017

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

Ini berfungsi untuk saya di [email protected]

jordenchang55 pada 9 Agu 2017

👍24 ❤8 🎉6

headerTintColor tampaknya benar, tetapi bagaimana dengan ukurannya? atau, jika kita menginginkan ikon belakang yang berbeda?

Frexuz pada 7 Nov 2017

Periksa di sini untuk menata bilah navigasi Anda.
Jika Anda ingin mengubah ikon, Anda dapat menggunakan leftButtonImage atau renderBackButton prop dalam adegan.

jordenchang55 pada 7 Nov 2017

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

seperti ini?

renderBackButton bukan fungsi

Memperbarui:

renderBackButton={() => <Icon name='chevron-left' />} ini membuat panah dengan benar, tetapi tidak melakukan apa pun saat ditekan..

Apakah kita benar-benar harus mengimplementasikan kembali fungsionalitas sendiri?

Frexuz pada 7 Nov 2017

👍1

@Frexuz Ini adalah masalah yang saya

Sepertinya kita harus mengimplementasikan kembali fungsionalitas on-touch (kemungkinan besar perutean) sendiri untuk setiap adegan (yaitu onRight/onLeft tidak melakukan apa-apa jika Anda memilih untuk menggunakan renderBackButton atau renderRightButton).