1,864 questions
1
vote
2
answers
107
views
How to achieve this custom bottom navigation bar design with FloatingActionButton?
I’m trying to implement a custom bottom navigation bar in Flutter with a center FloatingActionButton (FAB) that slightly overlaps the bar — similar to the modern curved navigation styles seen in many ...
1
vote
1
answer
99
views
Floating Action Button not properly centered in a notched BottomAppBar
I want to create a notched Floating BottomAppBar, and I’ve almost done it but the center docked FloatingActionButton isn’t perfectly centered.
class HomePage extends StatefulWidget {
const HomePage(...
1
vote
0
answers
282
views
Transforming FAB into Menu Material3
How can we achieve such behavior in M3 using Jetpack Compose?
I have tried with the FloatingActionMenus but they are something different from this.
Any one who have tried that?
// Scale Animation
val ...
0
votes
1
answer
55
views
FloatingActionButton srcCompat icon shifts off-center after resizing
When I change the android:layout_width and android:layout_height attributes of my FloatingActionButton in the XML layout, the srcCompat icon becomes decentered.
This is a very basic setup with a ...
2
votes
2
answers
121
views
How to expand panel with fab button to show more options?
My current code:
import 'package:flutter/material.dart';
class CustomBottomNavBar extends StatefulWidget {
final VoidCallback onStartPressed;
final VoidCallback onSettingsPressed;
final ...
0
votes
0
answers
64
views
Scaffold (Material3) with Navigation Bar and Docked FAB
I'm trying to achieve a docked FAB in combination with a BottomBar using Material3 components.
I'm able to add the FAB (centred), the BottomBar having a NavigationBar and apply the cut-out to the ...
3
votes
2
answers
95
views
FloatingActionButton (FAB) moves up when the keyboard opens
I'm trying to keep the FloatingActionButton (FAB) fixed at the bottom when the keyboard opens in my Flutter app, but it keeps moving up when the keyboard appears.
class RecentDmConversationsPageBody ...
1
vote
0
answers
57
views
How do I create a notched nav bar with Expandable Floating Action Button
I want to combine a notched bottom app bar using the animated_bottom_navigation_bar package, and an expandable floating action button from the flutter_expandable_fab package.
Something like this:
...
3
votes
1
answer
502
views
Can I use FloatingActionButton and NavigationSuiteScaffold together?
I am using NavigationSuiteScaffold for navigation in my app. I want to add a FloatingActionButton to my app while still having adaptive navigation for small and large screens, but I can't figure out ...
1
vote
0
answers
99
views
FloatingActionButton, layout_anchor and layout_gravity not working API level 34
I am trying to create Bottom menu using BottomAppBar and BottomNavigationView and FloatingActionButton. I have checked below are the solution and also some other github project also.
My Android Studio ...
0
votes
2
answers
439
views
FloatingActionButton not displaying Flutter
I am creating a FloatingActionButton inside the Scaffold widget, but it is not visible and clickable. There is no error in the console and the body section of the scaffold is visible. The background ...
2
votes
2
answers
166
views
How can I expand a Floating Action Button into an EditText in Android?
I'm trying to create a custom interaction where a Floating Action Button (FAB) expands into an EditText when clicked, and collapses back into the FAB when clicked again. The behavior I'm looking for ...
1
vote
1
answer
83
views
How can I pass the onClick event of a Floating Action Button that is in a Scaffold to another screen using Jetpack Compose?
I'm writing an app following the examples from Now In Android.
In Scaffold I have a Floating Action Button and I want to pass the onClick event of it to another screen, so I can take content from that ...
3
votes
1
answer
1k
views
Undesired Padding Below FAB in Android 15 Due to WindowInsets Handling Changes – How to Fix?
Undesired Padding Below FAB in Android 15 Due to WindowInsets Handling Changes – How to Fix?
Starting with Android 15, the handling of WindowInsets has changed, and I'm encountering an issue that wasn’...
0
votes
1
answer
50
views
How do I change the behavior and icon of a Floating Action Button between fragments?
I created a Basic Views Activity in Android Studio and I cannot figure for the life of me how to change the "setOnClickListener" and icon of the FAB between fragments. I'm using the FAB to ...
0
votes
2
answers
198
views
Access ThemeData property inside ThemeData definition
In my Flutter app I declare ThemeData with a colorSchemeSeed:
return MaterialApp(
...
theme: ThemeData(
useMaterial3: true,
visualDensity: VisualDensity.adaptivePlatformDensity,
...
-1
votes
2
answers
58
views
FloatingActionButton not working in Flutter app
Hi I'm trying to create button for my App using flutter but isn't working I used
floatingActionButton: FloatingActionButton(
Child:Text('click'),
)
' this is the code that I used but still not ...
1
vote
2
answers
98
views
Different behavior of a Flutter Stack() widget on different locations
I'm working a floating action button with some twists: when you click on the FloatingActionButton, some InkWell widgets become visible from a Stack, where you can click on multiple options. When I ...
0
votes
1
answer
101
views
flutterError There are multiple heroes that share the same tag within a subtree
Hello everyone,
hoping you are ok, i need your help, i get this error There are multiple heroes that share the same tag within a subtree every time i navigate to another page
being on ...
0
votes
1
answer
32
views
Abnormal Behavour of BottomAppBar in Flutter
I am encountering an abnormal behaviour of FloatingActionButton and BottomAppBar enter image description here,
Problems i am facing are that the notch is not in the center and the also the row's ...
0
votes
1
answer
831
views
How do you make floating buttons like the ones in Apple Maps?
I want to know how to make floating action buttons like the ones in Apple Maps using UIKit. I'm specifically stuck on recreating the behavior where the buttons' offset changes dynamically as the ...
0
votes
0
answers
70
views
How to Integrate a Slider Inside an Invisible Container Toggled by a Button?
As someone relatively new to HTML, CSS, and JavaScript, I'm currently working on a learning project where I'm trying to include a slider component within a container that remains invisible by default ...
1
vote
1
answer
42
views
FloatingActionButton doesnt change EditText item in the LIstView
I'm trying to change the EditText in my ListView by clicking the FloatingActionButton. I want to editText.setText from an array of strings from my activity for every ListView item
public class ...
0
votes
2
answers
1k
views
How to build a floating action button on top of bottom sheet and it should move along the sheet as it move up and down?
Actually I need to build a floating action button on top of bottom sheet in react native with gorhom react native bottomsheet library? I have attached an image of the problem ?
I am trying to get it ...
0
votes
1
answer
45
views
I need a Floating Action Button to use the information on the current state of the body of the Scaffold
I have a Scaffold. On clicking the MoreActionButton, I have a showModalBottomSheet implemented that contains a list of actions.
class MyScaffold extends StatelessWidget {
final MyFruit apple;
...
0
votes
0
answers
37
views
Is this design possible for FloatingActionButton in Android?
I have design of floating action buttons here :
but I want to change it like this :
Is it possible to do it in Android with floating buttons , if yes , how? Here is my xml code (There is some problem ...
-1
votes
1
answer
598
views
How can I create a bottom navigation view like this with a Floating Action Button (FAB) containing both an icon and an image?
I'm currently trying to create a bottom navigation view similar to the one shown in this image:
However, I'd like to customize the FAB to not only contain an icon but also an image, as shown in this ...
2
votes
2
answers
642
views
How to make FAB with icon and text
I'm working on customizing a floating action button (FAB) in my Android application. I'd like to modify it so that it can accommodate both an icon and text, similar to the design shown in this image:
...
1
vote
0
answers
100
views
Flutter FloatingActionButton throws Scaffold.geometryOf Error on Navigator.pop
I'm having a problem in my application. When adding a FloatingActionButton, it now gives a error like:
Scaffold.geometryOf() must only be accessed during the paint phase.
The ScaffoldGeometry is only ...
1
vote
1
answer
69
views
flutter floating action button layout (Android)
is it possible that to show flutter action button like below layout (second picture when it gets open) ? I have tried speed dial or try to create custom layout as well but not able to achieve the ...
1
vote
0
answers
40
views
Controlling one application in another app on Android
I am developing an Android app and I've successfully integrated Gmail into it by creating a button that opens the Gmail app within my application. Now, I want to enhance the user experience by adding ...
0
votes
1
answer
494
views
Floating Action Button Refuse to stay in center
Am currently trying to make a geo tracking app however am now stuck trying to implement menu. I saw many different implementation but ultimate went with the bottom navigation bar
which would look ...
0
votes
1
answer
431
views
Extended FAB that collapses into FAB not animating correctly - Jetpack Compose (Kotlin)
I am trying to make an extended FAB that is fully extended when the user is at the top of the screen, but when they scroll (during the scroll) I want it to collapse into a FAB with a single icon. ...
3
votes
0
answers
927
views
How can create FloatingActionButton on the top of the keyboard in jetpack compose
How can create FloatingActionButton on the top of the keyboard but if keyboard is hidden, then in the bottom of the screen?
FloatingActionButton(
modifier = Modifier
....
0
votes
0
answers
20
views
Why after used Floating action button apps got crushed ? Android studio XML [duplicate]
my textview is ok, my button is ok, but when i'm adding Floatingaction button then, after run automatically apps closed & Crushed. Why ?
Here's my XML code & I've not put anything in ...
0
votes
0
answers
59
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 ...
4
votes
1
answer
1k
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 ...
1
vote
0
answers
72
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 ...
0
votes
1
answer
96
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 ...
0
votes
1
answer
55
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 ...
2
votes
1
answer
173
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 ...
0
votes
2
answers
88
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 ...
0
votes
0
answers
31
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 ...
1
vote
1
answer
2k
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 ...
-1
votes
1
answer
500
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?)...
2
votes
0
answers
1k
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 ...
0
votes
0
answers
156
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 ...
0
votes
1
answer
239
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 ...
-1
votes
1
answer
224
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: ...
0
votes
2
answers
53
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 ...