Navigation başlık ismi ve rengisini değiştirme (sağa sola buton atama)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
export default class Home extends React.Component {
 
   static navigationOptions = ( { navigation }) => {
        return {
            title:'Anasayfa',
             headerLeft:<TouchableOpacity onPress={()=>navigation.goBack()}><Text>Geri</Text></TouchableOpacity>,
        }
 
       /* title:'Anasayfa',
        headerTitleStyle:{
            color:'black'
        },
        headerStyle:{
            backgroundColor:'white'
        }
    };

hepsine aynı renk yapmak istersek;

1
2
3
4
5
6
7
8
9
10
11
const HomeStack = createStackNavigator({
    Home:{
        screen:Home
    }
},{
    defaultNavigationOptions:{
        headerStyle:{
            backgroundColor:'pink'
        }
    }
    })

alt menülü bir işlemde alt menüde yer alanların ismini değiştirmek

1
2
3
4
5
6
7
8
9
10
const AppBottomNavigator = createBottomTabNavigator({
    Home: {
        screen:HomeStack,
        navigationOptions:{
            title:'Anasayfa'
        }
    },
    Detail:DetailStack,
    Drawer:DrawerStack
})

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.