search

Mobilecn-UI / nativecn-ui

Beautiful and customizable React Native components
https://nativecn.mintlify.app
MIT License
987 stars 51 forks source link

New component: FAB #9

Closed okalil closed 8 months ago

okalil commented 9 months ago

Hello, guys. I'm happy that shadcn idea has reached React Native community, and I would like to suggest a few more components that are very commonly used in native mobile apps.

Contribution: new FAB component

The Floating Action Button component is a very common component for quick interactions, specially on Android apps. It's generally positioned at the bottom right of screen and allow users to easily navigate or trigger an action.

Implementation details:

It's a simple type of button that doesn't require native code, and can be implemented with Pressable of react-native library.

For reference, NativeBase library includes a component like that: https://docs.nativebase.io/fab

carlos-garciamoran commented 8 months ago

Hi, we're closing this feature request as it can be accomplished by styling the Button component. For example:

<Button
    className="rounded-full"
    labelClasses="font-semibold"
    label="+"
/>