non-default size for ActionButton.Item(s) renders truncated circle

[moritzschaefer]

Changing the size of the ActionButton.Item(s) renders them truncated and with a weird circle aligned strangely. This behaviour came with a new version of either react-native-action-button or react-native (i.e. in earlier versions (one month ago), there hasn't been this problem)

[GertjanReynaert]

V2.6.10 is still ok, since v2.7.0 I'm also seeing this issue

[moritzschaefer]

Thanks for specifying the version

[dscx]

2.6.10 does the trick for me as well!

[phuonglx]

You can fix by yourself, on ActionButtonItem.js:

1. Comment line 88 & 89:

if (position !== "center")
    buttonStyle[position] = (this.props.parentSize - size) / 2;

2. Add this after line 103:

marginRight:
              position !== "center" ? (this.props.parentSize - size) / 2 : 0