Unable to create a new dart file - flutter

I can't create a new dart file in android studio.Please help
[main.dart is auto created by android studio] screen1
[flutter doctor is fine] screen2

Open your flutter project in android studio. Go to android studio settings by following this flow. File => Settings => Languages & Frameworks and select Dart check its Sdk path is it correct or not and is the dart support is enabled for your project or not.
If this is all good then by right click at lib and hover on New => Dart File give it some name (extension is not required just name it) and you are good to work in it.

You should right click on lib folder and create dart file or create file with extention .dart eg. abc.dart

Related

When creating a new flutter project no android/ios/main.dart folder/file are showing

I know it has already been asked this, but I have read all the thread opened and tried everything and still when I create a new flutter project there's only the .idea folder and no lib/android/ios folder and main.dart showing.
I have already installed flutter/dart plugins, SDK path is set correctly, path in module (project settings) is set too.
Also flutter doctor -v is not showing any issue. Could anyone help me please? I don't know what to do.
I am usind Android Studio Eels.
Thanks!!
I think you're using the wrong way: Android Studio menĂ¹ is a little bit confusing. In order to create an empty new Flutter project, after selecting "File > New > New Flutter Project", first select "Flutter" (not "New Project") on the left, then click "Next" and follow the wizard.

Where is the 'pubspec.yaml' file? Pub.dev examples won't compile in Android Studio with Flutter Plugin without adding a path, but where is it?

I have successfully installed the Flutter plugin to Android Studio on my Windows10 system, and flutter doctor -v gives me all green check marks.
However, the DART examples from pub.dev fail to compile with the error message that libraries must be added to the file 'pubspec.yaml'.
Where is this file? As shown below, no such file appears in the project hierarchy?
[enter image description here][1]
[1]: https://i.stack.imgur.com/Y5CDd.png
This is a default folder and file structure of a Flutter project. In your case pubspec.yaml file isn't present, which should be there. So I think this is an issue related to build. So just try to rebuild the project, and it should be cured. Just Open terminal on the Project folder and run the following commands.
flutter clean
flutter create <Exactly same project name>
This should rebuilt the project.
If this is a new project and you haven't done anything on the project yet, I will suggest to create a new project using terminal commandline, as according to me commandline with VSCode is the best way to work on flutter (Obviosusly it's based on preference).

Flutter in android studio

I created a new flutter project in android studio, but in the new version, I don't know where to find the main dart tab.
reference
You can find out main.dart in lib folder
You have to open the lib folder inside the lib folder you will get your main. dart file.

flutter inspector doesn't work for the app from my github repository

The flutter inspector doesn't work (not showing widgets tree) for my project (it's cloned from github).
To figure out what's wrong in my project, I generated new flutter applications, and the behavior is weird.
When I generate a new flutter application (flutter's default new flutter project) in a NEW directory, flutter inspector works ok.
If I make a new flutter application INSIDE my project directory (let's say myproject/temp), the inspector doesn't show the widgets tree.
If I delete my project directory (myproject), make a directory with the same name (myproject), and generate a new flutter application inside the directory (myproject/temp), then the inspector works ok.
If I make 'myproject' directory manually (mkdir myproject), copy all myproject files to myproject/ (cp myproject_backup/* myproject/), and generate a new flutter application inside myproject/temp, then the inspector doesn't work.
If I make 'myproject' directory manually (mkdir myproject), generate a new flutter application inside myproject/temp, copy all myproject files to myproject/ (cp myproject_backup/* myproject/), then the inspector doesn't work.
Can the other files in the same folder (myproject/*) affect the behavior of the flutter project (esp. inspector)?
What else can go wrong in this case?
Here's my setting:
Flutter: Channel stable, v1.17.1, on Mac OS X 10.15.5
Dart: version 2.8.2
Android SDK version 28.0.3
Android Studio (version 4.0)
Flutter plugin version 46.0.2
Dart plugin version 193.7361
My app is inside bazel WORKSPACE, that was the problem.
If I delete WORKSPACE file, the inspector works fine.

Cannot do new Image Asset in res folder

I want to do a new Image Asset in my res folder in my flutter project, to change the layout of my app icon. However when i right click on the res folder and chose New -> 'Image Asset' is no longer an option in my Android Studio... Anyone who knows how to fix this? I've been able to do it before. I've updated the Flutter plugin, but that didn't make any difference.
I'm new to flutter as well and as part of following the flutter course, ran into the same issue.
The following solution is with android studio version
Android Studio Arctic Fox | 2020.3.1 Patch 3
Build #AI-203.7717.56.2031.7784292, built on October 1, 2021
Runtime version: 11.0.10+0-b96-7281165 x86_64
VM: OpenJDK 64-Bit Server VM by JetBrains s.r.o.
macOS 12.0.1
GC: G1 Young Generation, G1 Old Generation
Memory: 1280M
Cores: 12
Registry: external.system.auto.import.disabled=true
Non-Bundled Plugins: Dart, io.flutter
I found the 'Image Asset' option by following the below-listed steps
Right-click on the 'res' folder
Hover over 'Flutter' option and click 'Open Android module in Android Studio'
When a pop-up asks 'Where would you like to open the project?', select 'New Window'
Once the project opens in new window, expand the app directory to find 'res' folder.
Right-click on 'res' folder, click 'new' and you'll now see the Image Asset option
I want to clarify these answers, it's all there, but it's too confusing: You must create an images folder in the project. In most of my projects, I would create an assets folder, and then a subfolder of images. This won't work, must be a top level images folder.
Additionally, if you start your project in VS code. You have to start the project in Android Studio. You can always just start a new project, do your icon work and copy the folders over to your actual project.
But TWO things seem to interfere: If you don't have an images folder and if you did anything in VS code. I was guilty of both, and had to unwind both issues.
Start a new project in Android Studio
Create an images folder.
Add it to your pubspec.yaml in assets: Mine would look like this:
assets:
assets/images/
assets/sounds/
assets/
images/
Now you'll be able to right click on the res folder and see new image asset.
Do your icon work.
Copy the res folder over to your actual project.
Want to iterate: I put an image in the top level images folder, but I don't think it even needs that. It is looking for the folder, and you must have it. Somewhere in the code, a top level images folder is a condition to giving the image option.
Starting in Android studio will give the option, but it's greyed out.
Having the images folder is the magic key that opens the hidden door.
Go to menu file > open.... select android folder and click open.
wait until it finished loading then try to right click res folder again.
The Image asset menu will be shown.
discussion on this issue.
https://github.com/flutter/flutter-intellij/issues/3512
open android studio File->Open folder->navigate to your flutter project and select the Android folder. Wait for it to sync, then navigate inside the Android studio folder and find the res folder right click on it and choose New you will see the Image asset studio.
In the flutter project, the option won't be available...You can right-click on the android folder and go to the flutter menu and click the open project in Android Studio Option...Then the android project of your flutter project will be opened as an individual project...There you can use all the android studio's native functionalities.
It was not working for me as well. I cleared the build using flutter clean and the option was available after that.
Right click in res>Flutter>Open Android module in Android Studio
You will be able to see the image asset option after android module has opened in android studio.