Can not change size of Badge element

[yaronlevi]

According to this cheat sheet I should be able to change the badge's size. I've tried:
<Badge success style={{fontSize:5, width:10}}>99</Badge>
But I get those errors in runtime:

So how can I change the badge's size?

"native-base": "^0.5.7"
"react": "^15.3.0"
"react-native": "^0.32.0"
Run on iOS simulator.

[SupriyaKalghatgi]

@yaronlevi Docs has been updated
Please check and try accordingly

[yaronlevi]

Can you give me a link? I can not seem to find the change

[SupriyaKalghatgi]

@yaronlevi The same link which you shared

[SupriyaKalghatgi]

@yaronlevi Try clearing your cache

[yaronlevi]

Is this what the updated docs looks like?

[SupriyaKalghatgi]

@yaronlevi Check the replacing component for Badge

Also check the code for Badge.
NB wraps Text within View, so you cannot apply style={{fontSize:5, width:10}} to View

[SupriyaKalghatgi]

@yaronlevi

This says the same

[yaronlevi]

Ok, so I changed the code to:
<Badge success width={10} fontSize={5}>3</Badge>
And this is what I get:

Can you please tell me how can I take the default Badge, and just make it smaller (both font size and the size of the circle).

[SupriyaKalghatgi]

@yaronlevi Sorry for misguidance.
This issue has been fixed, please pull from master.
Also docs has been updated accordingly - Badge Component and CheatSheet

[yaronlevi]

Still not working, my code is:

<Badge  style={{ width: 30, backgroundColor: 'black' }}
                                textStyle={{ color: 'white', fontSize: 10, lineHeight: 10 }}>
                                2
                            </Badge>

The fontSize and lineHeight seems to have no effect. The font size stays the same:

[sankhadeeproy007]

Hi @yaronlevi, can you check the contents of Widgets/Badge.js and post a screenshot of the same?

[yaronlevi]

Ah ok my mistake. I've updated the npm to look at the repositoty.
"native-base": "github:geekyants/NativeBase",
Now it works... I have the updated file.

[sankhadeeproy007]

Good to know!

[remoteportal]

Unless the badge can be made smaller, it's useless.

[khalibloo]

Here's my workaround. Simply scale the whole thing instead of using font size and line height.
<Badge style={{scaleX: 0.7, scaleY: 0.7}} primary><Text>1</Text></Badge>
I don't know if it has any drawbacks or how well it works for extreme scales, but it should cover simple minor adjustments at the very least.