Fab button bug in production

[yongdamsh]

react-native, react and native-base version

react-native: 0.42
react: 15.4.2
native-base: 2.0.13

Expected behaviour

Show 'Button' component only

Actual behaviour

In iOS, It shows empty button in production(release mode)

Steps to reproduce (code snippet or screenshot)

Screenshot of emulator/device

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

iOS (Not tested Android yet)

Any other additional info which would help us debug the issue quicker.

In this code, if app is in release mode, component's displayName is not Styled(Icon) or Styled(IconNB). It looks like Styled(o), Styled(d). So childrenArray includes Icon component.
I think it's related with minification of source code.

[charles-mutabazi]

@yongdamsh I am noticing that bug too... have you managed to fix it?

[yongdamsh]

@charles-mutabazi

Not yet. I'm just workarounding for my project.

I changed the Fab.js file in 'node_modules/native-base/dist/src/basic' path.

1. Comment out line 202 - 206
2. At line 210, return a sliced childrenArray. (It's not good because it is dependant on component order)
   Change array method to childrenArray.map -> childrenArray.slice(1).map

[dekkofilms]

Originally I thought it is was only an issue on Android, but I do see it on production for both platforms.

but i guess that's a temporary fix for now, but would love to know if this gets resolved soon! thanks, @yongdamsh

[felipemartim]

@yongdamsh's workaround solved the issue for me on both Android and iOS.

[obykoo]

Thanks it solved this problem, you should make pull request or wait for them to fix it

[JLLLinn]

This is happening to me too. Can we get this fix in release?

[emilioicai]

This is preventing my team to release any app including native-base to production. Is this being taken care of?

[bmoreira10]

I tried that workaround and it didn't work , the random blue circle is still there...

[SupriyaKalghatgi]

@yongdamsh Thank you for bringing this to our notice. You can send a PR to this with proper use cases and description.
@JLLLinn @emilioicai We will look into this

[saiprasad1996]

is the bug solved? facing the same issues. The blue circle appear in release builds only but not in the debug build.

[SupriyaKalghatgi]

We are looking into this

[BrunoQuaresma]

Still with the problem here.

[shivrajkumar]

@BrunoQuaresma Did you try with the above commit?

[saiprasad1996]

@shivrajkumar is the commit included in the latest npm install ??

[shivrajkumar]

@saiprasad1996 It will be included in the next patch.

[hewrin]

Just to confirm, version 2.1.4 doesn't have the commit that fixed this?

[shivrajkumar]

No, It will be released by end of this week or next week.

[sankhadeeproy007]

Fixed with 2.1.5

[saiprasad1996]

Great team !! Thank you :-)