GeekyAnts / GeekyAnts/NativeBase

Allow centering the FAB component

Open
#4,755 4 comments 0 reactions 1 assignee Claimed by @mayank-96 View on GitHub
enhancement PR Added v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

The [fab](https://docs.nativebase.io/fab) component only accepts the following values for its `placement` prop:
"top-right" | "top-left" | "bottom-right" | "bottom-left"

I tried extending the `placementProps` doing something like:
```'top-center': { top: '50%', left: '50%', position: 'absolute', transform: 'translate(-50%, -50%)' },```
But it is not perfectly centered.

It would be great to be able to add a `center` value for the FAB `placement` prop

### Problem Statement

It does not seem possible to center a FAB element using this library

### Proposed Solution or API

Add an additional `center` value to the placementProps of the FAB component.

### Alternatives

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.