Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Item's bubble quality isn't good ! (pixel pixel) #3

Open
farzanm14 opened this issue Jun 8, 2019 · 5 comments
Open

Item's bubble quality isn't good ! (pixel pixel) #3

farzanm14 opened this issue Jun 8, 2019 · 5 comments

Comments

@farzanm14
Copy link

I have custom the tab bar with my own icons and titles but same as picture the bubble isn't clear ; pixels of blue circle are obvious 🙄🤔 what should I do make them like library's preview ?

fluid

I have use png icons and here is my code :
`
<TabBar
onPress={tabIndex => {
this.setState({
currentPage: tabIndex
})
}}
values={[
{ title: "منو", icon: require("../../assets/png/menu_stork.png") },
{ title: "گروه ها", icon: require("../../assets/png/group_stork.png") },
{ title: "پیام ها", icon: require("../../assets/png/message_stork.png") },
{ title: "درایو", icon: require("../../assets/png/drive_stork.png") },
{ title: "خانه", icon: require("../../assets/png/home_stork.png") }
]}
/>

`

@zaguiini
Copy link

zaguiini commented Feb 3, 2020

.png files are not scalable, that's why you are seeing it blurred. You could use something like .svg files to achieve that.

@farzanm14
Copy link
Author

.png files are not scalable, that's why you are seeing it blurred. You could use something like .svg files to achieve that.

Thank you :) but I think the library use png as default also I don't have this problem in IOS

@diegoHdzZ
Copy link

Do you know the needed width and height for the icons?

@diegoHdzZ
Copy link

Hey! I just modified the library so it can work with vector-icons! U should check it out! https://github.com/diego3799/CustomBottomTabNavigator

@darmonlyone
Copy link

just use png with 3 sizes like him ex:mask.png, mask@2x.png, mask@3x.png. Its work fine for me

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants