Questions tagged [iconbutton]
77 questions
2
votes
3 answers
How to fix an upload icon to a file upload input (material UI)
I'm currently trying to build a file upload Input field with an icon as an input adornment, using Material UI. I want to be able to click the icon to upload a file.
Following the MUI documentation here: input adornment, I have tried to follow the…
tprebenda
- 389
- 1
- 6
- 17
2
votes
1 answer
Flutter - How to give a color to an IconButton?
By reading documentation, i'm sure this is well-declared, but the add icon is still gray.
class _TaskState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar:…
adam autuori
- 65
- 2
- 5
1
vote
1 answer
Exit application on press of IconButton in Flutter
How to permanently exit the application from IconButton in AppBar?
I set icon:
return Scaffold(
appBar: AppBar(
title: const Text('Your app'),
actions: [
IconButton(
icon:…
aleksB
- 13
- 6
1
vote
2 answers
Flutter Icon Button with unwanted space around
I am still green in Flutter and is facing an IconButton spacing problem:
There is unwanted space around the icon. I didn't add any padding or sizedboxes between widgets, and I have the same problem with icons from awesome fonts also. Here is my…
Tony Lam
- 205
- 8
1
vote
1 answer
IconButton's content are not centered in Jetpack Compose
I am trying to build the following component.
Following is my code,
@Composable
fun View(modifier: Modifier = Modifier){
Row(modifier = Modifier
.fillMaxWidth()
.padding(16.dp),
horizontalArrangement =…
Maryam Memarzadeh
- 176
- 2
- 9
1
vote
1 answer
Flutter AppBar actions iconButton overflowed
My AppBar action IconButton is overflowed.
The likesCount parameter changes over time.
How to prevent overflow dynamically, using IconButton in AppBar actions?
My code:
appBar: AppBar(
actions: [
IconButton(
onPressed:…
genericUser
- 4,417
- 1
- 28
- 73
1
vote
2 answers
IconButton Hovering Effect on Material UI
below i have different icons from material UI , which currently displays a grey circle whenever i hover on any of them , i want to remove this grey circle and i want each icon to change to a specific color whenever i hover over it i looked at the…
user18095537
1
vote
1 answer
Hovering a button moves elements in cards - Flutter
I'm trying to implement a Card with several texts and at the bottom an icon that will allow navigation. Hovering over this button causes all the elements of the Card to move up because of the splash, how can you avoid this?
I've tried reducing the…
Azerolie
- 11
- 3
1
vote
3 answers
How to prevent clicking on GestureDetector child Flutter
I'm having a button inside a GestureDetector. Both the GestureDetector and the IconButton have their own function. However, I just want to execute the function of GestureDetector instead of ```IconButton`` when tapping on the icon. I know some…
Hoangdz
- 152
- 1
- 14
1
vote
2 answers
Whole Icon button becomes grey : flutter
I'm trying to apply a color on play_icon in bottom navigation bar. The problem is the whole icon becomes grey. What I want to achieve is this:
What I am currently having is this:
This is the code:
Material(
color:
…
Noor
- 193
- 1
- 2
- 15
1
vote
4 answers
IconButton takes too much space to the edge of screen
IconButton takes too much space to the edge of screen.
This is how I made it:
return Scaffold(
body: Column(
children: [
Container(
margin: EdgeInsets.all(20),
child: Column(
crossAxisAlignment:…
rozerro
- 5,787
- 9
- 46
- 94
1
vote
4 answers
Material UI IconButton onClick doesn't let to handle event
I installed "@material-ui/core": "^4.9.2" and "@material-ui/icons": "^4.9.1".
In my form i have several rows, each row has an add button and a remove button. I want the remove button to remove the row from it was clicked. It works fine with…
Ricardo Álvarez
- 91
- 1
- 7
1
vote
2 answers
Flutter error - The specific widget that could not find a Material ancestor was:
I am using the Align widget to place an Icon button at the bottom center of the screen.
However, I get the following error and I'm unable to resolve it:
The specific widget that could not find a Material ancestor was:
IconButton
My code:
return…
Boron
- 99
- 10
- 34
1
vote
3 answers
How to display icon next to show/hide text on button?
I want to display an icon next to "more" and "less" after clicking the less/more.
How to make multiple buttons/id's like this? Basing on checked solution. –
function showme(id) {
var divid = document.getElementById(id);
var clicky =…
SurfyHarbor
- 21
- 8
0
votes
2 answers
When wrapping IconButton with a container it doesn't contain the entire icon, & I have to press on the container in particular so the onPressed works
In the following code and as shown in photo, the container wrapping the IconButton doesn't contain the icon, and for the dialog to be closed I have to click on the container (blue area) but when clicking the icon nothing happens.. what's the problem…
