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