Questions tagged [ripple-effect]
55 questions
233
votes
28 answers
InkWell not showing ripple effect
Tapping the container triggers the onTap() handler but does not show any ink splash effect.
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
…
J. Sarkar
- 2,433
- 2
- 10
- 4
48
votes
6 answers
Ripple with rounded corners Jetpack Compose
In this answer I got wrong ripple animation. Do you know how to create ripple with rounded corners using Jetpack Compose?
With default ripple I have this:
Code:
Card(shape = RoundedCornerShape(30.dp),
border = BorderStroke(width = 2.dp,…
Renattele Renattele
- 1,626
- 2
- 15
- 32
11
votes
2 answers
Is it possible to use the touch ripple effect of MUI on a div?
I have read different answers of similar questions, but they are all old and don't seem to work in the latest version of MUI.
I need to apply the touch ripple effect on a div, but I can't use a button or a ButtonBase element because there is another…
Simone Filipozzi
- 113
- 1
- 4
6
votes
2 answers
How to disable ripple effect on long press of a button in lollipop?
How to disable ripple effect on long press of a button in lollipop?
When using sherlock long press of a button is not showing ripple effect but when i use appcompat it is showing a ripple effect on click and also on long click of a button .
I do not…
ravi pradeep
- 161
- 1
- 2
3
votes
1 answer
How to confine ripple effect inside button only
I am trying to make ripple effect of button, but my ripple is going out of button as you can see in below given snippet. I even set
overflow : hidden;
still it is going out. Please tell how to confine ripple inside button…
Shlok Jain
- 254
- 1
- 7
3
votes
1 answer
How to get ripple effect in Gesture Detector
I want to use the function LongPressDown which also gives LongPressDownDetails of GestureDetector but sadly, Gesture Detector comes without the ripple touch effect. So if I choose to use InkWell it doesn't have the LongPressDownDetails.
So my…
Ρπίηζε Κιηφφ
- 121
- 9
3
votes
2 answers
Android spinner dropdown item ripple background goes outside the round corners
I have an AppCompatSpinner with a dropdown menu custom background with rounded corners. When I tap an option in the AppCompatSpinner, it shows the ripple background however the ripple goes outside the round corners and forms a normal rectangle. How…
HeraGonz
- 315
- 1
- 9
2
votes
1 answer
Ripple effect is not showing on full area
Inkwell Ripple effect is not showing the full area of content. In my scenario, I have a column that contains a container with a color that can't make as transparent after a container there is a simple text widget. I wrapped the inkwell with full…
Yousuf Ali
- 159
- 2
- 5
2
votes
1 answer
Ripple-effect programmaticaly for InkWell or InkResponse or RadioListTile
What we can do to call ripple effect programmaticaly?
Example of my code:
return RadioListTile(
key: _radioKey,
focusNode: focusNode,
value: radioValue,
groupValue: radioGroupValue,
activeColor:…
Rostyslav N
- 68
- 5
2
votes
2 answers
Ripple effect is missing in Jetpack Compose
I've made a simple app. It has two screens: onBoarding and homeScreen:
@Composable
fun DigitalBanking() {
var shouldShowOnBoarding by rememberSaveable { mutableStateOf(true) }
if (shouldShowOnBoarding) {
OnBoardingScreen {
…
Rustam
- 33
- 6
2
votes
2 answers
How to show YouTube like ripple effect in android?
Latest versions of YouTube app on android shows a ripple which is pretty different.
That is when we lift our finger from button, then at the time of ending ripple it shows stroke.
How to achieve this type of ripple in android?
Chaitanya Karmarkar
- 1,425
- 2
- 7
- 18
2
votes
3 answers
Button doesn't have ripple effect on clicking (Jetpack Compose)
AFAIK, the buttons created with Jetpack compose should have ripple effect on clicking, by default.
But my button doesn't show ripple effect on clicking. Below is code for my button:
BoxWithConstraints(modifier = Modifier
…
Sparsh Dutta
- 2,450
- 4
- 27
- 54
2
votes
2 answers
Leaking click event
I'm having this problem related to click events in angular.
My application is a tic-tac-toe app.
My application uses angular materials.
The problem: when a user clicks a button on the board, the click event seems to be leaking into a nearby button…
Ato Koomson
- 43
- 5
2
votes
1 answer
Avoid ripple effect combine colors
I have a simple program that uses ripple effect using this code (edited from here):
ATP
- 2,939
- 4
- 13
- 34
2
votes
2 answers
Material Design Extended Floating Action Button has no ripple effect
I am creating an Android app and I wanted to use extended floating action button so I added this code to my activity:
Martin Omacht
- 315
- 1
- 13