Application Android et IOS pour l'amicale des élèves
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

CustomHeaderButton.tsx 1.6KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. /*
  2. * Copyright (c) 2019 - 2020 Arnaud Vergnet.
  3. *
  4. * This file is part of Campus INSAT.
  5. *
  6. * Campus INSAT is free software: you can redistribute it and/or modify
  7. * it under the terms of the GNU General Public License as published by
  8. * the Free Software Foundation, either version 3 of the License, or
  9. * (at your option) any later version.
  10. *
  11. * Campus INSAT is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  14. * GNU General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU General Public License
  17. * along with Campus INSAT. If not, see <https://www.gnu.org/licenses/>.
  18. */
  19. import * as React from 'react';
  20. import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
  21. import {
  22. HeaderButton,
  23. HeaderButtonProps,
  24. HeaderButtons,
  25. HeaderButtonsProps,
  26. } from 'react-navigation-header-buttons';
  27. import {useTheme} from 'react-native-paper';
  28. const MaterialHeaderButton = (props: HeaderButtonProps) => {
  29. const theme = useTheme();
  30. return (
  31. <HeaderButton
  32. {...props}
  33. IconComponent={MaterialCommunityIcons}
  34. iconSize={26}
  35. color={props.color ? props.color : theme.colors.text}
  36. />
  37. );
  38. };
  39. const MaterialHeaderButtons = (
  40. props: HeaderButtonsProps & {children?: React.ReactNode},
  41. ) => {
  42. return (
  43. <HeaderButtons {...props} HeaderButtonComponent={MaterialHeaderButton} />
  44. );
  45. };
  46. export default MaterialHeaderButtons;
  47. export {Item} from 'react-navigation-header-buttons';