Android Studio where is color picker for Flutter plugin

Question

In Android Studio, we have color picker when developing in Java/Kotlin (natively) like this.

But while developing for Flutter, I can't see any options to pick my own color. Is there some plugin required to do that?

Solution 1

The color picker is not clickable in Android Studio running Flutter( Dart code), see picture below. But i found a work around using the Color class and manually opening color picker. Then pick a color and copy/paste it like this:

Here is how i do it:

1. Double tap shift to run search

2. Type Color or Picker

3. Open Color Picker from the search list

4. Copy/paste the HEX color code into your color class.

Expert tip:

Add color picker to a keyboard shortcut. You can find the settings for Keymap, under File > Settings > Keymap

Solution 2

You must have heard of the materials.io website from google, which provides many materials like designs, icons, tools, resources and components for easy developing. Now Color Tool is also available. You must add the website to your browsers shortcut if you are a developer. Here's the link for chosing color : https://www.material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=E91E63

Another way I found is :

1. Type 'Colors.' and press control+space to see the available colors.
2. Select the color using arrow or mouse.
3. Press control+Q for the quick documentation.
4. And on the documentation windows, click on the edit button which opens the 'colors.dart' file.

Here all the colors with all shades are available. These shortcuts are for windows. Once you open the file, you can always come back here to chose the next shade. But will not be the comfortable method like android project.

Hope a easier way to do this will come with the later update.