React-native-ui-kitten: I want to change the color or icon of the subMenu component， please help me，

Created on 26 Dec 2019 · 3Comments · Source: akveo/react-native-ui-kitten

💬 Question

I want to change the color or icon of the subMenu component，
I want to change the drop arrow to other icons. please help me，

UI Kitten and Eva version

| Package | Version |
| ----------- | ----------- |
| @eva-design/eva | 1.3.1 |
| @ui-kitten/components | 4.3.2 |

Help wanted

Source

shiqian123

Most helpful comment

@shiqian123 if you use a Menu With Icons example, you should be able to do this with overriding color with the code below:

const StarIcon = (style) => (
  <Icon {...style} fill='#000000' name='star'/>
);

const data = [
  { title: 'Item 1', icon: StarIcon },
  { title: 'Item 2', icon: StarIcon },
  { title: 'Item 3', icon: StarIcon },
  // ...
];

A complete list of Icon properties can be found on react-native-svg docs (if you use Eva Icons).

artyorsh on 26 Dec 2019

👍2

All 3 comments

@shiqian123 if you use a Menu With Icons example, you should be able to do this with overriding color with the code below:

const StarIcon = (style) => (
  <Icon {...style} fill='#000000' name='star'/>
);

const data = [
  { title: 'Item 1', icon: StarIcon },
  { title: 'Item 2', icon: StarIcon },
  { title: 'Item 3', icon: StarIcon },
  // ...
];

A complete list of Icon properties can be found on react-native-svg docs (if you use Eva Icons).

artyorsh on 26 Dec 2019

👍2

@artyorsh sorry ,I want change this icon ,