What is the name of this pin icon?
Now the exact icon is available in Material Icon.
Icon Name: push_pin
Icon Url: https://material.io/resources/icons/?search=push%20pin&icon=push_pin&style=baseline
Image:
Flutter's Icon class uses the icons from Material Design.
The only icons that would come close to the icon from the image you linked are the following:
place
pin_drop
Alternatively, you could use icons from the cupertino_icons package, however, it does not feature your desired icon either.
Related
I'm new to FLutter. how to add text at bottom in splash screen using Flutter_native_splash ? is there a way?
this this my code:
flutter_native_splash:
background_image: "assets/splashscreen_background.png"
image: assets/images/logo-text.png
the owner said: link
There is not a way to add dynamic text. If you want static text, you
can add it to the splash image.
another workaroud is, make your custom splash screen with statefull/stateless widget.
In common case, if you only use custom widget as a splash screen, there will be a white screen before the flutter initiated. Therefore better use native splash to avoid that.
after the flutter has initiated, remove the native splash and display your custom splash widget.
You could add text as an image with the package's branding option.
when we put an Icon Like this
Icon(
Icons.notifications_outlined,
)
we can control the size and color... of that icon, but I want to control the Stroke width of the Icon (not the size of the icon, I want to control the width of the icon's line )
is it possible by any widget or any other way in flutter SDK?
please don't recommend packages of other icons
thanks
I didn't find any way from the flutter SDK to control the icons thinkers, I tried using CustomPainter, BoxShadow()...
alternatively, I used a different icons package which is the Ionicons, which belongs to the Ionic framework, I found out that there is a flutter package for those icons, see Ionicons
you can see a list of all icons here, https://ionic.io/ionicons
and they can be used like this:
Icon(Ionicons.add)
Icon(Ionicons.add_outline)
Icon(Ionicons.add_sharp)
Here, I have three icon image for my app. I want to put each icon as the theme color of the app is changed.
It seems the Icon widget has a built-in padding, but I would like to remove the padding in order to properly align the icon with other widgets on the left side.
As you can see from the screenshot below, the widget itself is perfectly aligned to the left (I wrapped the Icon in a Container with background color just for testing purposes), but the icon has some padding and it looks missaligned.
Is there a possibility to remove this padding?
I just checked the Icon implementation (you can take a look as well) and could not find anything about added padding. I am not 100% certain but I assume the whitespace is from the icon itself.
I have an alternative solution though:
Get the icon in SVG format (you can download Google Icons from Google Fonts
Remove the padding using a SVG editor (you can use Figma Free version)
Add the icon as an asset in your pubspec.yaml
Good luck!
Seems like some of the material design icons are not supported. Like I want to use how_to_vote icon and it's actually listed in this page but it is not suppoted in Icons class. How can I use this and also why isn't it supported?
As of now, to use material design icons you have to add the package outline_material_icon in your pubspec.yaml. This will make available all the icons you want from this page
If you check the Icons class constants. There is no how_to_vote icon available. If you need to use that icon, download that from the material.io and add it to your app.