I want to create something like this in Flutter - flutter-layout

I want to create this is flutter over the button.
https://i.stack.imgur.com/Trpri.png

Related

How to deal with flutter web project name, icon and description?

I am developing a flutter web application. When I share the link, the link looks like this:
First screenshot - when I tap on share
https://i.stack.imgur.com/tHHzi.jpg
Notice that I changed Flutter default icon into my own icon in the /web/icons folder, which is ok.
Problem 1: The name is showing as the project (package) name (webcatalogo_shop). For Android and Ios I know ways to change the display name, but how to do this for Flutter web?
Second screenshot - after sharing (in this example, sharing via WhatsApp)
[1]: https://i.stack.imgur.com/APOsz.jpg
Same problem 1 above happens here, and I also found 2 other problems:
Problem 2: The Icon is showing as Flutter icon, even though I have replaced these in the /web/icons folder with my App's icon. I can't find Flutter images anywhere else under web folder.
Problem 3: It's also showing the project description "A new Flutter application." Where can I change this?
Can anyone give me some light on how to solve these? Thanks!
In your flutter project folder, you will have a web folder. In the Web folder open manifest.json. You can edit the name, description and icons properties.

Picture in photo gallery no longer exists once I restart Flutter app (within Android Studio development environment)

Within Android Studio Flutter development environment, I'm choosing a picture from its Photo Gallery, getting its file path and saving the path in database as text, and later retrieve the file path to refer back to the picture in the Photo Gallery.
This works fine, but once I restart the app (again, all within Android Studio), then the picture no longer loads as that file path is no longer valid.
Is Photo Gallery somehow specific to each Flutter session or something? Thanks.
That will depend on how the native part is implemented and the plugin you are using. On Android when you request an image from the Gallery using an Intent, you may receive 'temporal access' to the file.
If you do not copy the image you may lose that permission to access the photo. You can ask the maintainer of the plugin or check if they use grantUriPermission to give access to the image file.

Backgroundimage is shown in Simulator but not on device

I develop a action for the google assistant and want to add an background image. To do so, i added two pictures in the console under build -> theme customization. This Picures are also shown if I use the Simulator but when I try to the the action on an phone with google-assistant the picture is not shown. Is there any setting i missed to display the picture on the phone or is it not possible?

How to customize menu in electron app?

I have one frameless electron app which can be run on windows and mac system. I have learned how to set ApplicationMenu and contextmenu(right click only). But, I want to set an Image like settings and clicking on that will open the customized menu (which have its HTML, CSS and js) which catch the events like focusedWindow to get the current focusedWindow. How can I achieve this functionality? Below is the image which describes what I am trying to do.
I have created a div where I am showing and hiding a dive on setting image click. To call browserWindow instance in renderer side you can use remote to call the instance like:
remote.getCurrentWindow().setPosition(x, y);

Desktop gadet/app for Windows

I want to make a desktop gadget like the Sticky notes that we have but just with some additional functionality.
Now that the gadgets have been discontinued in windows, i am not sure about what technology to use to create this app.
I want to create a custom UI like just a Add button on the side of the desktop and clicking on it would create notes.
I was trying to use node-webkit but seems that will appear like a web page and not what I want. Can anyone tell me what should i use to achieve the result.
A Node Webkit window doesn't have to look like a webpage. You can use a frameless window and then design the UI to look however you want with HTML and CSS.
Frameless Window

Resources