vonovak / react-navigation-header-buttons

Easily render header buttons for react-navigation

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ios icons appears as md icons

EKOLX opened this issue · comments

Hi,

`import React from "react";
import { HeaderButton } from "react-navigation-header-buttons";
import { Ionicons } from "@expo/vector-icons";

const IoniconsHeaderButton = (props: any) => {
return <HeaderButton IconComponent={Ionicons} iconSize={23} {...props} />;
};

export default IoniconsHeaderButton;`

I use ios-arrow-back icon.

<HeaderButtons HeaderButtonComponent={IoniconsHeaderButton}> <Item title="Back" iconName="ios-arrow-back" color="#000" onPress={() => {}} /> </HeaderButtons>

Icons resource: https://infinitered.github.io/ionicons-version-3-search/

Screen Shot 2021-07-23 at 16 58 59

as you can see from screenshot icon appears differently

Screen Shot 2021-07-23 at 16 56 43

Hello, this library takes no control over how the icons are rendered, so the issue is not here.

Since you're using expo vector icons, I suggest you use this directory: https://icons.expo.fyi/

Thanks you!