简体   繁体   English

注销图标 avec DrawerNavigation(本机反应)

[英]Logout icon avec DrawerNavigation (react native)

how i add icon to drawer navigation item using react native ?我如何使用 React Native 将图标添加到抽屉导航项?

const AppDrawerNavigator = createDrawerNavigator({
    'Rendez Vous' : RendezVous,
    'Parcours de soin': ParcoursDeSoin,
    'Ordonnances' : Ordonnances,
    'Analyses' : Analyses,
    'Profil' : Profil,
    'A Propos': APropos,
    'Logout ': Login

Under your login screen route config, use drawerIcon under navigationOptions to add your icon在您的登录屏幕路由配置下,使用navigationOptions drawerIcon下的drawerIcon添加您的图标

Login: {
  screen: Login,
  navigationOptions: {
    drawerIcon: ({ tintColor }) => (
      <Icon name="ios-home" size={20} color={tintColor} />
    ),
  },
},

demo演示

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在React Native中将stackNavigation与抽屉式Navigation一起使用,以及如何在stackNavigation组件中使用toggleDrawer() - How to use stackNavigation with drawerNavigation in react native and use toggleDrawer() in stackNavigation component onPress={() =&gt; this.props.navigation.openDrawer} 未在 react-native 中显示抽屉导航 - onPress={() => this.props.navigation.openDrawer} is not showing drawernavigation in react-native 带有反应导航的 DrawerNavigation 标题 - Header for DrawerNavigation with react-navigation 如何使用DrawerNavigation导出类并将其导入React-native中的另一个类? - How to export a class using DrawerNavigation and import it in another class in React-native? React Native中的React导航图标 - React Navigation Icon in React Native Expo React Native Drawer Navigator 注销功能 - Expo React Native Drawer Navigator Logout functionality React Native:注销后事件源未关闭 - React native: event source is not closing after logout 在 React Native 中使用 Redux 注销时出现错误导航器 - Error Navigator when Logout with Redux in React Native 如何在 React Native 的抽屉中添加注销按钮 - How to Add Logout Button In Drawer in React Native React Native Header 右图标 - React Native Header Right Icon
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM