NativeBase icon indicating copy to clipboard operation
NativeBase copied to clipboard

added new fab props

Open shivamkawde18 opened this issue 2 years ago • 7 comments

The fab component only accepts the following values for its placement prop: "top-right" | "top-left" | "bottom-right" | "bottom-left". Added new props for fab component- ->”top-center” ->”bottom-center” ->”center” ->”left-center” ->”right-center”

shivamkawde18 avatar Apr 12 '22 12:04 shivamkawde18

Someone is attempting to deploy a commit to the Geekyants Team Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Apr 12 '22 12:04 vercel[bot]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Jun 12 '22 09:06 stale[bot]

any news on this ?

jd1378 avatar Jul 07 '22 03:07 jd1378

I've noticed an issue: left '50%' does not perfectly centre the FAB. Screen Shot 2022-07-12 at 09 46 59 .

jpike88 avatar Jul 12 '22 02:07 jpike88

I've noticed an issue: left '50%' does not perfectly centre the FAB. Screen Shot 2022-07-12 at 09 46 59 .

It certainly will not, from my experience on web, in addition to 50 % left, you need to transformX it to the left by 50 percent so it perfectly center it

jd1378 avatar Jul 12 '22 12:07 jd1378

on web yes, on other platforms the transform property doesn't exist

jpike88 avatar Jul 12 '22 12:07 jpike88

im not sure, but is it possible to wrap it in another component and margin from both sides ?

edit: or can use a flex wrapper and centerize the element

edit2: tried , couldnt make it work

jd1378 avatar Jul 12 '22 12:07 jd1378