Yönlendirici Akı - nasıl sekme çubuğunda otomatik metni devre dışı bırakmak için?

oy
0

Burada

Bu sonucudur. Başıma metin ve simgeleri işlemek istiyorum. Bu yüzden sekmeler için otomatik oluşturulan metni devre dışı bırakmanız gerekir. Herhangi bir öneri ?

aktif (TabIcon fonksiyonu) var Ayrıca, metin rengi kırmızıya değişmiyor.

import React from 'react'
import {Text} from 'react-native'
import {Router, Scene,Stack, Modal} from 'react-native-router-flux'

// Scenes
import BrowseUser from '../scenes/BrowseUser'
import Notifications from '../scenes/Notifications'
import Search from '../scenes/Search'
import Timeline from '../scenes/Timeline'

const TabIcon = ({selected,title}) => {
  return(<Text style={{color: selected ? 'red ' : 'black'}}>{title} 
</Text>)
}

export default props => (
<Router>
    <Stack key=root hideNavBar>
        <Scene key='main' icon={TabIcon} tabs={true} initial tabBarStyle={{backgroundColor: '#00FF00'}}>
            <Scene key='timeline' component={Timeline} title='Timeline'/>
            <Scene key='browseUser' component={BrowseUser} title='BrowseUser'/>
            <Scene key='search' component={Search} title='Search'/>
            <Scene key='notifications' component={Notifications} title='Notifications'/>
        </Scene>
    </Stack>
</Router>
)
Oluştur 27/11/2018 saat 18:22
kaynak kullanıcı
Diğer dillerde...                            


1 cevaplar

oy
1

ilişkin

Bu yüzden sekmeler için otomatik oluşturulan metni devre dışı bırakmanız gerekir. Herhangi bir öneri ?

Componenet pervane destekler showLabelfalse olarak ayarlayın, böylece showLabel={false}o sekmeli sahnelerin başlığını göstermez.

ilişkin

aktif (TabIcon fonksiyonu) var Ayrıca, metin rengi kırmızıya değişmiyor.

Seçime geçirilen prop olan focused"seçilmiş" değil. Bu yüzden olmalı

const TabIcon = ({ focused,title }) => 
  (<Text style={{color: focused ? 'red ' : 'black'}}>{title}</Text>)
Cevap 30/11/2018 saat 03:36
kaynak kullanıcı

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more