Questions tagged [floating-action-button]

Floating action buttons are a special case of promoted actions. They are distinguished by a circled icon floating above the UI and have special motion behaviors, related to morphing, launching, and its transferring anchor point.

Filter by
Sorted by
Tagged with
0 votes
0 answers
32 views

ExtendedFloatingActionButton not respondig to RecyclerView scroll and not executing onClick

the situation is as follows. Quick recap, the ExtendedFloatingActionButton is not reacting to the RecyclerView addOnScrollListener but the regular button is working just fine. Detailed explanation ...
BigBoiVladica's user avatar
0 votes
0 answers
21 views

How can i add a Fragment into a floating action bar

Good evening, Im trying to make a floating action bar that brings up a menue with 3 buttons to select a option. Im running in to an issue of displaying the fragment in the floating action bar's ...
Yes No's user avatar
  • 1
0 votes
0 answers
28 views

flutter image picker doesn't open gallery sometimes after opening first time

In my app, I have a tinder style multiple image placeholders which the user can click on to pick image. After the first image has been picked, the next time the user clicks on another placeholder that ...
Justin Z's user avatar
1 vote
1 answer
147 views

Implement long-press FAB in jetpack compose?

Is it possible to implement a long-press for the fab that shows small buttons with labels on top of the fab without additional components? If not how to implement it with additional components but the ...
Pablo's user avatar
  • 25
1 vote
0 answers
46 views

Why screenshot is not made after click on floating widget button which is connected with screenshot function?

I'm writing a program which will make screenshot after click on floating widget. I fixed all errors, floating widget is loaded after permission granted. In a separate screenshot app everything is OK ...
Mirek's user avatar
  • 39
0 votes
0 answers
34 views

How to add floating action button and center and add animated sub menu in floating action button

Here is two image on left side is OUTPUT from this package and bottom navigation bar On Right side is my expected Output Here is full Source Code class HomeScreen extends StatefulWidget { const ...
amit.flutter's user avatar
0 votes
1 answer
28 views

A permanent react native FAB button doesn't work on Android, but works on iOS?

So I made a custom FAB (floating action button), that can be move around the screen, so it doesn't get in the way. I need the FAB to be permanent, as a quick navigation button. It's working just as ...
marko's user avatar
  • 1,721
0 votes
1 answer
39 views

FloatingButton does not center in Android Studio

I'm making a screen containing a Bottom Navigation in Android Studio, guided by a tutorial, but in my case, an error appeared and I can't resolve it. As you can see in the image, there is a space ...
Ranyê Wilames's user avatar
1 vote
0 answers
75 views

jetpack compose bottomBar floatActionButton Docking and corner radius configure android

enter image description here how i configure floatActionButton docking corner radius and sizes jetpack compose how i configure floatActionButton docking corner radius and sizes in jetpack compose.if ...
Master Developer's user avatar
0 votes
2 answers
44 views

How to apply smooth animation to the display of actions on a floating actions button?

I have code in reactjs that aims to display a floating actions button in the bottom right corner of the screen. However, I need to apply a smooth animation when displaying the FAB actions so that they ...
Study's user avatar
  • 93
0 votes
0 answers
9 views

I want to create ArcMenu of 180 degree

I want to create menu like semi circle / 180 degree arc as per given image. Want to create bubble menu like given in image I tried with "com.sa90.materialarcmenu.ArcMenu" but it giving ...
Prutha Trivedi's user avatar
0 votes
0 answers
21 views

Transparent background FAB not allowing interaction/blocking interaction

Hey all I am trying to figure out why I am unable to interact with the background even though my app has a transparent background? The code below was modified from the official Google Android demos ...
StealthRT's user avatar
  • 10.2k
0 votes
1 answer
287 views

Floating Search Results Using Jetpack Compose

I'm trying to create a searching UI using Jetpack Compose. When the user would make an edit in the TextField, the search results matching the text query would appear in a floating list below the ...
Syfur's user avatar
  • 5
0 votes
0 answers
19 views

Hide FAB without removing or hiding Bottom appbar in android

I have a Base Activity with bottom appbar and 3 fragments A, B, C in it. I want to hide FAB in fragment A but maintaining the bottom appbar. I tried many ways but none of them worked. calling myfab....
user21193451's user avatar
0 votes
1 answer
34 views

Do I really need to set icon size manually when using LargeFloatingActionButton in Jetpack Compose?

I assumed that when using LargeFloatingActionButton, the icon size would be somehow set automatically (this is the point of using LargeFloatingActionButton, so that everything works out of box, right?)...
Mikhail's user avatar
  • 2,781
0 votes
0 answers
575 views

Android FAB not respecting WindowInsets in edge-to-edge xml layout with Navigation Component

My goal is to have an app layout that has a fairly constant navigation UI with various content screens. So my idea was to use the android architecture navigation component and host an ...
citizen_code's user avatar
0 votes
0 answers
39 views

Android FloatingActionButton - transparent backgroundTint cause octagon side effect when pressed

I use com.google.android.material:material:1.9.0 and since I switched to Theme.MaterialComponents.Light.NoActionBar I started suffering from the problems with FloatingActionButton The thing is, I use ...
splekhanov's user avatar
0 votes
0 answers
21 views

Dispatch Touch Event Automatically in Android

Can you give me a code example of how to dispatch a touch event without any user interaction or gesture detection like automatically? The exact dispatch touch code and motion event codes without ...
jakesk34's user avatar
0 votes
0 answers
69 views

flutter-webview can't appear floatingactionbutton in certain webpage

I'm a beginner at Flutter language, and recently I used Flutter WebView to load HTTP pages.I am also trying to only display the actionfloatingbutton on the login page, and it has been confirmed that ...
yanxxx's user avatar
  • 1
0 votes
1 answer
77 views

How to capture full screen by pressing floating button?

I wanna capture full screen, not widget by pressing floating button with flutter. It's a mobile app. I tried screenshot, native_screenshot packages. In the end, I knew that they are not suitable with ...
Shiro Ennosuke's user avatar
-1 votes
1 answer
64 views

Why does it say the parameter, floatingActionButton, isn't defined?

I am getting error in using FloatingActionButton which I don't know what means. My code is currently: import 'package:flutter/material.dart'; void main() => runApp(MaterialApp( home: ...
manvendra pratap Singh's user avatar
0 votes
0 answers
48 views

Simulate Touch Gesture on Phone Screen in Sketchware Pro App

Can you make a tutorial on how to simulate a touch event on the phone screen by pressing a button on a floating window or widget or action button on the phone home screen but dont let go of the touch ...
jakesk34's user avatar
0 votes
2 answers
45 views

RecyclerView with FloatingActionButton Selection Not Happening

I am working on a RecylerView with GridLayoutManager. val layoutManager = GridLayoutManager(requireActivity(), 2, GridLayoutManager.HORIZONTAL, false) Unable to change color and mark selection of ...
Vishnu Satheesh's user avatar
0 votes
0 answers
389 views

How implement circle Floating Action Button in Nextjs + Tailwindcss?

I want to create two identical menus on the same page, one located in the top left corner and the other in the bottom right corner. I am attempting to create a circular floating action button using ...
Mamas Panjul's user avatar
1 vote
0 answers
85 views

Flutter Custom Floating Action Button Design

I am trying to design the following Floating Action Button in flutter , So far I have been able to design the following: Please provide me with your valuable suggestions The way I have thought of for ...
Naqeeb Abid's user avatar
0 votes
0 answers
32 views

floating action button radial menu in BottomAppBar android java

Respectable Gurus, I am trying to add fab button with expandable arc / radial menu in android.material.bottomappbar.BottomAppBar using xml and java class, after a lot of research I did not succeed. I ...
Ambreen Khan's user avatar
-1 votes
1 answer
232 views

Creating Floating Components in React Native That Persistently Appear Outside the App's Window

I need your help, how can I achieve this same thing with react native? https://www.youtube.com/watch?v=rVVLxs7aRPU I am working with React Native and need to create floating components that can ...
bobai joel's user avatar
-1 votes
1 answer
138 views

Floating action button layout anchor not working in my code

the app:layout_anchor not working I want a floating action button in between my two relative layouts. For this I have taken parent layout as coordinator layout and specified the anchor and anchor ...
OMRI Nsr Alden's user avatar
1 vote
2 answers
511 views

Why colors are not applying in android material3?

I have recently familiarized myself with Material3 during my android learning journey. I have successfully defined colors in my colors.xml file, however, I am facing issues with the app bar, toolbar, ...
CODAR747's user avatar
  • 272
1 vote
0 answers
87 views

Floating Action Button (FAB) with ExtJS

I was not able to find examples of adding FAB in Extjs and come up with the FAB mixin. Hope, it will save time for people who is working on the same issue. The FAB mixin is a reusable component that ...
A.Pokidin's user avatar
1 vote
1 answer
157 views

How to call function in a widget from a Floating Action Button Flutter?

is quite simple The background of the managed by a widget called HomeBackground. So there I just want to some properties from the Floating action Button. Here is de Background: class _IconsBackground ...
R.Ramirez's user avatar
0 votes
1 answer
155 views

How to move a FAB in react during scrolling

I want to have a Fab like this <Box display="flex" alignItems="center"justifyContent="center"> <Fab color="primary" aria-label="add" ...
Alex Tbg's user avatar
0 votes
1 answer
19 views

CoordinatorLayout + scrollFlags in fragments not properly hiding menu and breaking other fragments when it does, FAB gets lost when scrolling too

I've started a new project. I'd read that single Activity, and a number of fragments was a common recommended approach. I have a MainActivity, and 3 fragments. This setup is just from the "...
phazei's user avatar
  • 5,353
0 votes
1 answer
350 views

How to display a sidebar by clicking a floating widget?

I already have a screen and a floating menu. Scaffold( drawer: SideBar(), body: isLoading.. .. .. CircularMenuItem( //icon: Icons.settings, image: Image.asset( ...
SaFaL's user avatar
  • 41
2 votes
2 answers
669 views

How to expand FAB into a Sheet in Jetpack Compose?

I'm trying to create a Material 3 Floating Action Button in Jetpack Compose that expands into a Sheet with multiple options on click. I'm trying to achieve something like this: The above example is ...
Chandresh Parmar's user avatar
0 votes
0 answers
35 views

Android - Cannot make FloatingActionButton move up when snackbar is displayed when Fab has a layout_behavior set

In my app, I have a screen with a fab inside a coordinator layout. When a snackbar is displayed, the fab moves up as the snackbar appears (which is what I expected). However, on another screen, my fab ...
Leonardo Sibela's user avatar
0 votes
0 answers
355 views

Movable extended floating action button

I am using ExtendedFloatingActionButton and make it movable on screen but it's view is missing from left side wen move it to the left of screen. This is the image of screen where button is Working ...
Abdul Rehman Jamil's user avatar
1 vote
0 answers
90 views

dialog box twice and takes time to open on click using speed dial in flutter

i am using speed dial in floating action button for dialog box it takes time to open when i have connected with the api data and user click twice on the button then its open twice [this is the code of ...
UTSAV KHAMAR's user avatar
1 vote
1 answer
62 views

Create a expandable fab to custom dialog

I would like to create a fab to custom dialog animation and transition , i tried many codes and libraries but the outcome is not as i expected it to be , so i want to basically click the fab and ...
Taki's user avatar
  • 3,328
0 votes
0 answers
89 views

when hovering on FAB, I wanna not to rebuild CustomPaint widget

I thought that when I am hovering on FAB, only the FAB would change and everything else would stay the same, but when I just hovering on, the CustomPaint widget is being repainted. I'm wondering why ...
max.back's user avatar
0 votes
0 answers
25 views

i have problem in floatingactionbutton transparency

i faced a problem in transparency in BottomNavigationView this was the result of the code
Salah_benchibout's user avatar
0 votes
0 answers
47 views

Changing FAB visibility - delay

Based on question posted here, my question is: What about the delay of changing visibility of FAB? After using this approach: floatingActionButton: Visibility( visible: MediaQuery.of(...
petomuro's user avatar
-2 votes
1 answer
398 views

Avatar Glow widget in flutter app is not working. How to solve this?

I am using avatar glow in floating action button. I am trying to make it glow, when I tapped on it., But this avatar glow widget is not working.. Can anyone give me solution? or what widget should use ...
Sahrier Naeem's user avatar
0 votes
1 answer
109 views

ReactNative NativeBase android Fab childs not show ever

Fab main button show on screen but fab childs not show ever VSCode auto implement not offer FAB props like 'direction' , 'active' or ... !!! My example snippet code : import React, { useState } from '...
MiladPJKing's user avatar
0 votes
1 answer
11 views

Image in FloatingActionButton has to be changed on click and back

public void ImageButtonChange1(View view){ FloatingActionButton imageButton = new FloatingActionButton(getApplicationContext()); imageButton.setOnClickListener(new View.OnClickListener() { ...
ProGaMEr110 521's user avatar
0 votes
1 answer
38 views

Floating Action Button not changing color

I'm new to android and was trying to change my FAB whenever i press the button from my java Class. Here's the java code btnPrezzoDecrescente.setOnClickListener(new View.OnClickListener() { ...
Dario Franzese's user avatar
0 votes
2 answers
36 views

How can I make FAB at the end in flutter?

I am making a chatting app using flutter. I have created a message box and when the text in the field gets longer the FAB moves from it's place. Padding( padding: const EdgeInsets.all(10....
Zaid_khalid's user avatar
0 votes
0 answers
203 views

Floating action button not moving up with snackbar flutter

I am struggling making a FAB move up when a snackbar is showing. Here is my set up. I have my main page with a bottom navigation bar with 3 items. The first item is basically a widget with a ListView ...
DeKekem's user avatar
  • 757
0 votes
0 answers
58 views

Is there any waty to set a custom png image as icon in circular menu widget from the flutter_circular_menu package of flutter?

Hello. I am a flutter beginner and was playing around with floating action widgts. Using circular menu, I found I wasn't able to add images as icons. Is this possible? Playing around with chatgpt, i ...
SaFaL's user avatar
  • 41
2 votes
2 answers
455 views

Scaffold.geometryOf() must only be accessed during the paint phase

Exception is thrown when debugging on windows, stacktrace: ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: Scaffold.geometryOf() must only be accessed during the paint phase. ...
Raymond Holmboe's user avatar

1
2 3 4 5
38