Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amrdeveloper/ReactButton
Android Library to make it easy to add ReactButton feature in your app with Multi Reactions like Facebook or Linkedin, you can add many reactions as you want, you can also split them into a number of columns, and also customize the colours and text for each reaction
https://github.com/amrdeveloper/ReactButton
android android-library android-ui emoji facebook-reactions hacktoberfest java kotlin multi-reactions reactions
Last synced: 2 months ago
JSON representation
Android Library to make it easy to add ReactButton feature in your app with Multi Reactions like Facebook or Linkedin, you can add many reactions as you want, you can also split them into a number of columns, and also customize the colours and text for each reaction
- Host: GitHub
- URL: https://github.com/amrdeveloper/ReactButton
- Owner: AmrDeveloper
- License: mit
- Created: 2018-02-03T16:34:23.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2023-05-25T18:18:48.000Z (over 1 year ago)
- Last Synced: 2024-11-10T03:03:00.382Z (3 months ago)
- Topics: android, android-library, android-ui, emoji, facebook-reactions, hacktoberfest, java, kotlin, multi-reactions, reactions
- Language: Java
- Homepage:
- Size: 1.51 MB
- Stars: 110
- Watchers: 16
- Forks: 24
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome-android-ui - ReactButton
README
# ReactButton
ReactButton
Android Library to make it easy to add ReactButton feature in your app with Multi Reactions like Facebook or Linkedin ...etc,
you can add many reactions as you want, you can also split them into number of columns, and also customize the colors and text for each reactions
[](https://app.codacy.com/gh/AmrDeveloper/ReactButton?utm_source=github.com&utm_medium=referral&utm_content=AmrDeveloper/ReactButton&utm_campaign=Badge_Grade_Settings)
[](https://www.codefactor.io/repository/github/amrdeveloper/reactbutton)
[](https://jitpack.io/#AmrDeveloper/ReactButton)
##### Note
> From version 2.0.0 and above the library will release without default icons to reduce the size and if you want the facebook reactions you can copy them from the example app [here](https://github.com/AmrDeveloper/ReactButton/tree/master/app)
#### Demo :smile:
#### Documentation:
Add ReactButton To Your Current Project:
From Maven Central
```gradle
implementation 'io.github.amrdeveloper:reactbutton:2.1.0'
```
Or Add ReactButton from Jitpack.io
Add it in your root build.gradle at the end of repositories
```gradle
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
```
Add the dependency
```gradle
implementation 'com.github.AmrDeveloper:ReactButton:2.1.0'
```
How To Initializing ReactButton:
```java
ReactButton reactButton = findViewById(R.id.buttonId);
```
Set your Reactions:
```java
reactButton.setReactions(Reaction... reaction);
```
Add new Reactions to the reactions list:
```java
reactButton.addReactions(Reaction... reaction);
```
Set Current Reaction:
```java
reactButton.setCurrentReaction(Reaction reaction);
```
Get Current Reaction:
```java
Reaction currentReaction = reactButton.getCurrentReaction();
```
Set Default Reaction:
```java
reactButton.setDefaultReaction(Reaction reaction);
```
Get Default Reaction:
```java
Reaction currentReaction = reactButton.getDefaultReaction();
```
Change Reaction dialog default Style:
```java
reactButton.setReactDialogShape(int styleID);
```
Change the reactions dialog default gravity, make sure you have disabled the dynamic position
```java
reactButton.setReactionDialogGravity(newGravity);
```
Enable/Disable the reactions dialog dynamic position
```java
reactButton.enableDialogDynamicPosition(isEnabled);
```
Change the number of reactions in the Columns, the default value is all reactions size
```java
reactButton.setDialogColumnsNumber(n);
```
Set the dim amount for the reactions dialog from 0 for no dim to 1 for full dim, the default value is 0
```java
reactButton.setDimAmount(dim);
```
Change tooltip background shape
```java
reactButton.setReactionTooltipShape(R.drawable.shape);
```
Change tooltip text color
```java
reactButton.setReactionTooltipTextColor(Color.BLACK);
```
Change offset between the reaction icon and the tooltip text
```java
reactButton.setTooltipOffsetFromReaction(100);
```
Enable or Disable the Reaction tooltip feature
```java
reactButton.setEnableReactionTooltip(true);
```
Set setOnReactionChangeListener:
```java
reactButton.setOnReactionChangeListener(new ReactButton.OnReactionChangeListener() {
@Override
public void onReactionChange(Reaction reaction) {
// Code that will execute when the reaction changed
}
});
```
Set OnReactionDialogStateListener:
```java
reactButton.setOnReactionDialogStateListener(new ReactButton.OnReactionDialogStateListener() {
@Override
public void onDialogOpened() {
// Code that will execute when the reaction dialog is opened
}
@Override
public void onDialogDismiss() {
// Code that will execute after the reaction dialog is dismissed
}
});
```
Check if current Reaction is Default Reaction:
```java
boolean isDefault = reactButton.isDefaultReaction();
```
##### For full example please check the example app [here](https://github.com/AmrDeveloper/ReactButton/tree/master/app)