Buttons "active" styling doesn't work

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]

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