React-native-paper: How can I change the accordion right 'chevron-up' 'chevron-down' icons to my custom icons?

Created on 24 Aug 2020  路  6Comments  路  Source: callstack/react-native-paper

Custom icons for accordion

  • react-native-paper 4.0.1
  • expo 38.0
Stale

Most helpful comment

Maybe one could override the current chevron with a custom component if user passed a renderProp, e.g. like that:

right?: (props: {
        color: string;
        expanded: boolean;
    }) => React.ReactNode;

Would you accept an PR with this extension?

All 6 comments

Couldn't find version numbers for the following packages in the issue:

  • react-native
  • react-native-paper
  • react-native-vector-icons

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

Custom icons for accordion

  • react-native-paper 4.0.1
  • expo 38.0

i am also have same problem, any one can help.

Maybe one could override the current chevron with a custom component if user passed a renderProp, e.g. like that:

right?: (props: {
        color: string;
        expanded: boolean;
    }) => React.ReactNode;

Would you accept an PR with this extension?

why need answer :(, we really need this feature:(
did u guys solve it anyhow?

Hello 馃憢, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

Ability to customise the right icon (in both expanded and not-expanded states) would be a greatly appreciated feature. I'm not clever enough to create a PR to add this, please take pity :)

Was this page helpful?
0 / 5 - 0 ratings