MeowBottomNavigation icon indicating copy to clipboard operation
MeowBottomNavigation copied to clipboard

Icons size is really small after rendering on Screen

Open iabduul7 opened this issue 4 years ago • 34 comments

I was using this library in my Java Code which worked perfectly fine after facing some problems, today I used this library in Kotlin Code, which is giving me a stranger behavior. Everything is fine just these icon sizes are really really small. How do I fix this?

107499932_3224863170958091_2754002294195441958_n

iabduul7 avatar Jul 06 '20 17:07 iabduul7

This is happening to me as well in a Java project.

victor-mcast avatar Jul 07 '20 07:07 victor-mcast

well I think this a bug in newer version

iabduul7 avatar Jul 07 '20 07:07 iabduul7

Icons are working fine in version 1.2.0 but it is the problem in newer verision @oneHamidreza please fix this issue

iabduul7 avatar Jul 07 '20 09:07 iabduul7

Needs a fix definitely. Also, text needs to be supported as well below icons.

victor-mcast avatar Jul 07 '20 09:07 victor-mcast

yes the issue is already there give it a +1

iabduul7 avatar Jul 07 '20 09:07 iabduul7

@iabduul7 how did you changed selected tab color ? I want to make tabs with different color .

ghysuparna avatar Aug 10 '20 20:08 ghysuparna

@iabduul7 how did you changed selected tab color ? I want to make tabs with different color .

app:mbn_selectedIconColor="#3c415e"

use this line and change color of your choice, you must use hex code of color.

iabduul7 avatar Aug 11 '20 05:08 iabduul7

@iabduul7 how did you changed selected tab color ? I want to make tabs with different color .

app:mbn_selectedIconColor="#3c415e"

use this line and change color of your choice, you must use hex code of color.

i already tried with this attribute, its only changing icon color but I want to change entire tab background on selected tab as you did like white and green ,As i can see in UI on selected tab its white and rest are in green color .

ghysuparna avatar Aug 11 '20 15:08 ghysuparna

@iabduul7 how did you changed selected tab color ? I want to make tabs with different color .

app:mbn_selectedIconColor="#3c415e" use this line and change color of your choice, you must use hex code of color.

i already tried with this attribute, its only changing icon color but I want to change entire tab background on selected tab as you did like white and green ,As i can see in UI on selected tab its white and rest are in green color .

did you try using these properties ?

iabduul7 avatar Aug 11 '20 16:08 iabduul7

I also have this issue. If it is a bug then tag it

PatrickPrakash avatar Aug 11 '20 17:08 PatrickPrakash

I also have this issue. If it is a bug then tag it

I am afraid, the person who owns the repository can only tag these issues we can just open issues. Hope @oneHamidreza would see these issues ONE DAY

iabduul7 avatar Aug 11 '20 17:08 iabduul7

@iabduul7 how did you changed selected tab color ? I want to make tabs with different color .

app:mbn_selectedIconColor="#3c415e" use this line and change color of your choice, you must use hex code of color.

i already tried with this attribute, its only changing icon color but I want to change entire tab background on selected tab as you did like white and green ,As i can see in UI on selected tab its white and rest are in green color .

did you try using these properties ?

Yes I tried with this but only icon color is changing.

ghysuparna avatar Aug 11 '20 17:08 ghysuparna

app:mbn_circleColor="#E4E4E4"

use this, I am sorry, I provided the wrong code earlier

iabduul7 avatar Aug 11 '20 18:08 iabduul7

app:mbn_circleColor="#E4E4E4"

use this, I am sorry, I provided the wrong code earlier

I tried with this but i think owner has removed this attribute as I m getting this error "mbn_circleColor (aka com.example.portfolioinandroid:mbn_circleColor) not found".

ghysuparna avatar Aug 11 '20 18:08 ghysuparna

yeah I think it is removed in latest version and by the way I used version 1.2.0 as I was encountering this icon size issue, so I'd recommend you to the use the same until this issue fixed

iabduul7 avatar Aug 11 '20 18:08 iabduul7

yeah I think it is removed in latest version and by the way I used version 1.2.0 as I was encountering this icon size issue, so I'd recommend you to the use the same until this issue fixed

Thanks it worked finally. with version 1.2.0, also I got icon size issue in latest version

ghysuparna avatar Aug 11 '20 19:08 ghysuparna

yeah I think it is removed in latest version and by the way I used version 1.2.0 as I was encountering this icon size issue, so I'd recommend you to the use the same until this issue fixed

Thanks it worked finally. with version 1.2.0, also I got icon size issue in latest version

I am glade your issue is resolved

iabduul7 avatar Aug 11 '20 19:08 iabduul7

send your codes

oneHamidreza avatar Aug 14 '20 18:08 oneHamidreza

send your codes

I tried using the very same code that you mentioned in README file. The issue was with the latest version.

iabduul7 avatar Aug 25 '20 17:08 iabduul7

yess the icon is too small and even cant click on them because of that

pratikchevli avatar Sep 02 '20 11:09 pratikchevli

Kindly try using version 1.2.0 until the issue is fixed

iabduul7 avatar Sep 06 '20 06:09 iabduul7

Same issue

implementation 'com.etebarian:meow-bottom-navigation:1.3.1'

mBottomNavigationView.add(new MeowBottomNavigation.Model(ID_EDT, R.drawable.ic_event_black_24dp));
        mBottomNavigationView.add(new MeowBottomNavigation.Model(ID_MAPS, R.drawable.ic_map_black_24dp));
        mBottomNavigationView.add(new MeowBottomNavigation.Model(ID_CROUS, R.drawable.ic_restaurant_menu_black_24dp));
        mBottomNavigationView.setOnClickMenuListener(model -> {
            mViewPager.setCurrentItem(model.getId());
            return null;
        });
 mBottomNavigationView.show(ID_EDT, false);
       <meow.bottomnavigation.MeowBottomNavigation
            android:background="@drawable/background_navigation_bottom_view"
            android:id="@+id/bottom_navigation"
            android:layout_height="wrap_content"
            android:layout_marginEnd="0dp"
            android:layout_marginStart="0dp"
            android:layout_width="0dp"
            app:elevation="8dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/appodealBannerViewMain"
            app:menu="@menu/bottom_navigation" />

thelittlefireman avatar Sep 26 '20 21:09 thelittlefireman

I was checking the master branch and it works great, but when I added the implementation to the Gradle I faced the same issue.

I think the version from the implementation is not correct because in the manifest the version name differs (1.3.1) and also the attribute 'mbn_hasAnimation' doesn't exist as in the master branch.

Captura de Pantalla 2020-09-27 a la(s) 0 54 10

Mikeni12 avatar Sep 27 '20 06:09 Mikeni12

Kindly try using version 1.2.0 until the issue is fixed

I have used this version but the icons colors are changed to gray automatically

ihassanali259 avatar Oct 02 '20 12:10 ihassanali259

Kindly try using version 1.2.0 until the issue is fixed

I have used this version but the icons colors are changed to gray automatically

no, that shouldn't be the behavior.

iabduul7 avatar Oct 02 '20 13:10 iabduul7

can you please post your XML code?

iabduul7 avatar Oct 02 '20 13:10 iabduul7

can you please post your XML code? Sorry, my bad. I was using custom icons that the designer gave me. But I forgot to add bottomnavbar.itemIconTintList = null. It's working fine now

ihassanali259 avatar Oct 02 '20 15:10 ihassanali259

I am facing same issue now.

How can you release guys without testing it once? Also, I can't found tag or commit not for release 2.1.0

abkoradiya avatar Dec 14 '20 09:12 abkoradiya

Icons are very small and not visible to click (am using java code), any idea when we can get some update on the fix @oneHamidreza

rajamama avatar Feb 16 '21 18:02 rajamama