question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Title hiding over time when tabs are pressed

See original GitHub issue

While pressing the tabs the titles start to hide slowly over time, the more the tabs are pressed, the more the titles continue hide…

bottom_bar_tabs.xml

`<?xml version="1.0" encoding="utf-8"?> <tabs> <tab id="@+id/tab_miembro" title="@string/tab_miembro" barColorWhenSelected="@color/colorPrimary" icon="@drawable/ic_account_box_white" activeColor="@color/white"/>

<tab
    id="@+id/tab_grupo"
    title="@string/tab_grupo"
    barColorWhenSelected="@color/colorPrimary"
    icon="@drawable/ic_account_balance_white_18dp"
    activeColor="@color/white"/>

<tab
    id="@+id/tab_discipulos"
    title="@string/tab_discipulos"
    barColorWhenSelected="@color/colorPrimary"
    icon="@drawable/ic_wc_white_24dp"
    activeColor="@color/white"/>

</tabs>`

bottombar.xml <?xml version="1.0" encoding="utf-8"?> <com.roughike.bottombar.BottomBar xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="@dimen/bottombar_height" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/bottombar" android:layout_alignParentBottom="true" android:layout_gravity="bottom|end" app:bb_inActiveTabColor="@android:color/white" app:bb_activeTabColor="@android:color/white" app:bb_tabXmlResource="@xml/bottom_bar_tabs"/>

MainActivity.java

`BottomBar bottomBar = (BottomBar) findViewById(R.id.bottombar); bottomBar.setDefaultTab(R.id.tab_miembro);

bottomBar.setOnTabSelectListener(new OnTabSelectListener() { @Override public void onTabSelected(@IdRes int tabId) { switch (tabId) { case R.id.tab_miembro: MiembroFragment miembroFragment = new MiembroFragment(); miembroFragment.setArguments(bundle); getSupportFragmentManager().beginTransaction().replace(R.id.container, miembroFragment) .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE) .addToBackStack(null).commit(); break; case R.id.tab_grupo: GrupoFragment grupoFragment = new GrupoFragment(); grupoFragment.setArguments(bundle); getSupportFragmentManager().beginTransaction().replace(R.id.container, grupoFragment) .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE) .addToBackStack(null).commit(); break; case R.id.tab_discipulos: DiscipulosFragment discipulosFragment = new DiscipulosFragment(); discipulosFragment.setArguments(bundle); getSupportFragmentManager().beginTransaction().replace(R.id.container, discipulosFragment) .setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE) .addToBackStack(null).commit(); break; } } });`

I’m using ‘com.roughike:bottom-bar:2.0.2’ in graddle… and icons without padding…

screenshot_1474931672 screenshot_1474931677 screenshot_1474931688

Issue Analytics

  • State:open
  • Created 7 years ago
  • Reactions:1
  • Comments:8

github_iconTop GitHub Comments

1reaction
iman2420commented, Nov 30, 2016

The icons must be fully opaque, solid black color, 24dp and with no padding. For example, with Android Asset Studio Generic Icon generator, select “TRIM” and make sure the padding is 0dp.

1reaction
sumodkulkarnicommented, Nov 13, 2016

Same issue with me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Show and hide div when tab title is clicked - Stack Overflow
One simple solution based on your current codes, adds one line of codes= [...document.querySelectorAll('div.tab-section')].forEach(item => item.
Read more >
Hide or Unhide worksheets - Microsoft Support
Learn to hide (or unhide) worksheet tabs or workbooks in Excel. Worksheet names appear on the tabs along the bottom of a workbook....
Read more >
Word: Indents and Tabs - GCF Global
To show hidden formatting symbols, select the Home tab, then click the Show/Hide command.
Read more >
Example of Tabs with Automatic Activation | APG | WAI - W3C
Indicates the element serves as a container for tab panel content. Is hidden unless its associated tab control is activated. aria-labelledby=" ...
Read more >
Organize your tabs with Tab Groups in Safari on iPhone
Tap the Tabs button to view your open tabs. · Touch and hold a tab, then choose Move to Tab Group. · Tap...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found