Unable to set active icon and label style in BottomNavigation.Action

When using <BottomNavigation.Action />, the only style property working is container. How do I set the style properties of active and disabled?

<BottomNavigation.Action
              key="today"
              icon={<FontAwesome name='bell' size={25} />}
              label="Alerts"
              onPress={() => this.setState({ active: 'alert' })}
              style={{
                container:{
                  backgroundColor: 'red'
                },
                active:{
                  color: '#AC8E49',
                }
              }}
          />

The component rendered has a red background but the icon style is not colored.

[ManishAhire]

I have some problem.

Code :-

<BottomNavigation.Action
          style={{
                active: {
                   color: "green"
                 }
            }}
            key="today"
            icon="today"
            label="Today"
            onPress={() => this.setState({ active: "today" })}
 />

Result :-

[dushyanttessact]

This works,

<BottomNavigation.Action
                    key="Movies"
                    icon={movieIcon}
                    style={{
                        icon: {color: this.state.activeBottomNavScreen === "Movies" ? "#fdbd32" : "#7ccced"},
                        label: {color: this.state.activeBottomNavScreen === "Movies" ? "#fdbd32" : "#7ccced"},
                    }}
                    label="Movies"
                    onPress={this.setBottomNavScreen.bind(this,"Movies")}
                />