Custom tabs icon in RN 0.54

[wayne1203]

Version

Tell us which versions you are using:

• react-native-router-flux v4.0.0-beta.27 & 28
• react-native v0.54

iOS only, Android is fine
It will show Text in RN 0.52 with v4.0.0-beta.27 & 28 but not show in RN 0.54

This is my code for custom tabs icon

var iconPath = !this.props.focused ? this.props.inactive : this.props.active;
const color = !this.props.focused ? "#727171" : "#897854";

return (
	<View style={{flex:1, flexDirection:'column', alignItems:'center', alignSelf:'center', justifyContent: 'center'}}>
		<Image
			style={{width: 25, height: 25}}
			source={iconPath}
		/>
		<Text style={{color: color, fontSize: 10, paddingTop: 5}}>{this.props.title}</Text>
	</View>
);

And the result:
RN 0.52

RN 0.54

[highread]

same problem

[golles]

Same here with RN 55.2 RNRF 4.0.0-beta.28
Android is indeed fine

[MaxInMoon]

See #2981

[wayne1203]

Thanks #2981, I'll try it.