rcaferati / react-native-really-awesome-button Goto Github PK

it will be cool if you add sounds to your buttons and it will make a better user experience

Hi. My problem is that when I touch the button, it invokes the function but I need the function to get invoked after the user is done holding the button. Any solutions?

If the button is inside a ScrollView, it invokes the onPress function just scrolling through the view when the gesture starts from the button. It is like when you touch and move, it acts like touch and release. Any idea on how to solve it?

Hey man, I would like to first thank you for his awesome contribution! really nice keep them coming perhaps maybe next we can make icons look like these buttons!

I would like you to fix something in the documentation please. it says to change the fontFamily use textFamily prop. However, it is actually textFontFamily. Also, it says its of type number while it is actually a string.

Hope this helps!

Button is currently pretty finicky to interact with. It'd be great if really-awesome-button accepted all TouchableWithoutFeedback props, but hitSlop is a good start. PR incoming.

I'd like to smush a couple of react-native-really-awesome-buttons together into a row and make something like this:

But the styling options don't let me control border radius by corner instead of as a whole. Using the style property with fields like borderBottomRightRadius and borderTopRightRadius seems to have no effect. Can you expose border corner radiuses as properties, or at least make them work via the styles property?

This is a sad story. I tried to use activityColor activeOpacity backgroundActive backgroundColor backgroundDarker these parameters. But there is no way to make the background color transparent.

This library is generally good, but it does not meet the demand. Can only give up.

Can the onPressOut method be exposed?

Also any plans on adding TypeScript support?

When i click the button the animation start the problem is that its continue without stopping after a while?

Your plugin seems awesome, it will be great if you'd consider to have typescript declaration file.

I think the animation is postponing the onPress. Im doing a simple alert and it takes like 0.5 second for the alert appear before i click the button.Is there a way to make it quicker?why is it happening?your button on expo seems quicker

here is a gif of what's happening
https://gyazo.com/21e978e2c26554e800cf2f4c0fe32ea3

I have used the button with the text Get this reward, however the button renders just Get this.

Is there something I could change to fix this? I have tried all the props already.

Hi, nice buttons really helpfull! I've a question. How can I set the textFamily? I've tried textFamily={Fonts.type.rock} where Fonts.type.rock returns a custom font that I've linked. The font is working in other View. Thanks in advance!

Thanks for this component!

However, is it possible to use a Linear Gradient background for the awesome button?

Whenever I run it on the Android simulator, I get java.lang.string cannot be cast to java.lang.double

After installing I have this error

"react-native": "0.73.2",
"react-native-really-awesome-button": "^2.0.4",

"onPress" event only fired when I hold the button and not when touched

Hi all.

When I try to run the Expo demo on https://expo.io/@rcaferati/react-native-really-awesome-button then I get the following message:

This project needs an update
This project uses Expo SDK v32.0.0. If you want to open this project, the author will need to update the project's SDK version."

Could the author update the project? Thanks!

This repo doesn't support React Native Web; ViewPropTypes is depreciated and already removed from RNW.

I'm testing out the component (which is great btw), but I lack support for relative widths.

In my scenario, I'd like to be able to provide percentages in order to fill the full screen width (100%) when having a simple action button in the screen footer, or 50% if I have an accept/cancel situation.

Would you find this useful?

Hello,
I can't change fontFamily from button's props.

hey:
stretch
type Boolean
default false
When set to true together with width set to null the button fills it's parent component width

I set the stretch as true and witdh as null,the typescript show a error,

Type 'number | null' is not assignable to type 'number | undefined'

I set witdh as undefined fix this problem

so , I think docs where null maybe is undefined 😋

i have three large awesome buttons in a column. when i want to scroll the page, buttons are press and navigate to another page. this issue does not happen on react native touchable components.

Is the onPress prop memoized? Because if it is, there is an issue since I am using state in onPress and it using the wrong state.

Using Expo SDK 46

It seems like onPressIn works because it is directly being passed into the component, but ideally I would like to use onPress as it is significantly better UX.

Here is a reproducible demo: https://snack.expo.dev/@anshnanda/awesomebutton-not-working

Updated the SDK this morning, buttons were working perfectly yesterday, totally unresponsive after updating the Expo SDK

Running on android emulator

Hi! Is there a bug with colors?

Because I cannot get the proper colors, despite I enter them correctly. My goal button is this:

However, I get this, I believe it is the use of the react-native-linear-gradient that fails? Also the text "Play" is not centered.

This is my component:

<AwesomeButton
      // size="small"
      // type="primaryFlat"
      activityColor="#FFFFFF"
      activeOpacity={1}
      // backgroundColor="red"
      backgroundDarker="#143254"
      backgroundShadow="#143254"
      backgroundPlaceholder="#143254"
      backgroundProgress="#C0C0C0"
      borderColor="#143254"
      borderRadius={5}
      borderWidth={3}
      height={50}
      width={null}
      paddingHorizontal={20}
      paddingTop={0}
      paddingBottom={0}
      stretch={false}
      disabled={false}
      raiseLevel={3}
      // ExtraContent={null}
      springRelease={true}
      onPress={null}
      progress={false}
      progressLoadingTime={3000}
      textColor="#FFFFFF"
      textLineHeight={20}
      textSize={14}
      textFontFamily="Proxima Nova Regular"
      ExtraContent={<LinearGradient colors={['#143254', '#3D638E', '#3D638E']} />}
    >
      {text}
    </AwesomeButton>

Thanks!

Situation: Using a start and pause button, one "covering" the other using inline conditional control
Issue: The pause and start onPress-handlers accidentally fires when the other button is pressed (hair trigger).
Troubleshooting: Using react native Button-element removes the issue.

{!isPaused ?
    <AwesomeButton
                    ripple
                    onPress={() => timerStart()}
                    disabled={!isValid}
                        > Start
     </AwesomeButton>
                    : 
    <AwesomeButton
                            backgroundColor="crimson"
                            backgroundDarker="darkred"
                            ripple
                            onPress={() => dispatch(pauseTimer())}
                                > Paused
       </AwesomeButton>
 }

This project uses Expo SDK v33.0.0. If you want to open this project, the author will need to update the project's SDK version.

Seems like a neat project!

I'm tried to change shadow property when raiseLevel > 0 (default = 4),
But I'm failed, How to change it?

Love this repo but and have used it quite a lot. Thanks for the time and effort for putting it together!

Big issue though! It seems to work fine within the bounds of a View, (Mostly because you arent swiping up or down in a view)
But you place it within a ScrollView and youll see it fires everytime you try to swipe up or down and accidently hit it. Native buttons dont fire like that and has caused great annoyance to many of my users. Currently investigating a fix and will report back if i should find one.

Thanks for the nice button 👍

textFontFamily prop doesn't work correctly in 1.6.0

I think there is a confusion with textFamily

https://github.com/rcaferati/react-native-really-awesome-button/blob/master/src/index.js#L66

https://github.com/rcaferati/react-native-really-awesome-button/blob/master/src/index.js#L103