Buttons "active" styling doesn't work

[flxwu]

I tried the Footer with only icons example from the docs, which should show the navigation icon as the only active button.
But for me, all buttons are shown active - What's the issue?

react-native, react and native-base version

• react-native-cli: 2.0.1
• react-native: 0.50.4
• react: 16.0.0
• native-base: ^2.3.8

Expected behaviour

Only the navigation button should be active.
Like this:

Actual behaviour

All buttons in the tabbar are shown active, as seen in the screenshot.

Steps to reproduce (code snippet or screenshot)

      <Footer>
        <FooterTab>
          <Button>
            <Icon name="apps" />
          </Button>
          <Button>
            <Icon name="camera" />
          </Button>
          <Button active>
            <Icon active name="navigate" />
          </Button>
          <Button>
            <Icon name="person" />
          </Button>
        </FooterTab>
      </Footer>

Screenshot of emulator/device

Is the bug present in both ios and android or in any one of them?

My device is a Huawei P8 running Android 6.1.

[SupriyaKalghatgi]

@pl4gue Can you upload screenshot of emulator / device?

[SupriyaKalghatgi]

@pl4gue Tried your code snippet

<Footer>
  <FooterTab>
    <Button>
      <Icon name="apps" />
    </Button>
    <Button>
      <Icon name="camera" />
    </Button>
    <Button active>
      <Icon active name="navigate" />
    </Button>
    <Button>
      <Icon name="person" />
    </Button>
  </FooterTab>
</Footer>

And the output is here for Android and iOS

Worked as expected

[flxwu]

I added the screenshot of my device @SupriyaKalghatgi

[flxwu]

Yeah that's how it should work. But does not look like this on my device. @SupriyaKalghatgi

[SupriyaKalghatgi]

@pl4gue The screenshot that you uploaded in issue description for Screenshot of emulator/device is broken

Yesterday I asked you to upload same

[flxwu]

Why is it still broken... -_- I will try again later

[SupriyaKalghatgi]

@pl4gue Later? If that takes time, then you can close the issue
Since we presented you working snippet with desired output

[flxwu]

This is actually what it looks like on my device @SupriyaKalghatgi

[SupriyaKalghatgi]

Fixed with NB 2.3.10

[Alarees]

hi,
i have the same problem
i using NB:2.13.8, RN:0.61.5
using emulator android 5.1
PS : i'm not using footer

            <View >
              <Button active >
                <Icon active name='md-call' >
              </Button>
            </View>
            <View >
              <Button >
                <Icon name='md-call' >
              </Button>
            </View>
            <View >
              <Button >
                <Icon name='md-call' >
              </Button>
            </View>

@SupriyaKalghatgi