Logo

dev-resources.site

for different kinds of informations.

Hassle free flutter Development in Hyprland with Neovim

Published at
1/9/2025
Categories
flutter
hyprland
neovim
wayland
Author
chamal1120
Categories
4 categories in total
flutter
open
hyprland
open
neovim
open
wayland
open
Author
10 person written this
chamal1120
open
Hassle free flutter Development in Hyprland with Neovim

I am writing this article to help anyone surfing through the internet for a proper guide to setup a smooth flutter dev work low for their Hyprland setups.

1. Install flutter through your package manager. If you're on Arch linux you can try following command.

yay -S flutter-bin # This will install dart and flutter from AUR
Enter fullscreen mode Exit fullscreen mode

2. Install android-studio using your package manager. Again if on Arch, use below command.

yay -S android-studio # This will install android studio from AUR
Enter fullscreen mode Exit fullscreen mode

3. Install flutter-tools neovim plugin to setup the LSP.

I assume you already know how to setup neovim plugins. Also this plugin will setup dart-ls automatically so don't install it through your lspconfig. flutter tools will give all of the functionalities Vs-code flutter extensions plus some additional stuff.

You can follow the repo's README to set this up accroding to your neovim setup.

4. Now open android studio and create an emulator of your choice.

I recommend something above android 12 (S) as others will be x86 by default. Flutter will soon drop support for x86-based emulators or devices.

5. Once that done, next usual step is to run the emulator,

But android studio's emulator does not support native wayland as of now according to my findings.

MY WORKAROUND TO GET IT RUNNING:

You can use following command to force the current session of the emulator to run through Xwayland.

env QT_QPA_PLATFORM=xcb flutter emulators --launch <your-emulator-name>
Enter fullscreen mode Exit fullscreen mode

If you're using fractional scaling or any scaling in Hyprland, the emulator will launch in a blurred window. To fix that add the following code to your hyprland.conf

xwayland {
  force_zero_scaling = true
}
Enter fullscreen mode Exit fullscreen mode

6. That's it!

You should be able to connect to the emulator using :FlutterRun inside neovim. Other commands to control and access the flutter utilities can be found in the flutter-tools GitHub repo's README.

Flutter tools in Action

If you want a quick neovim setup or an entire hyprland setup with everything configured, you can use my neovim config in my dotfiles.

Thank You chief for reading up to here

Feel free to ask me if anything is doubtful or let me know if there are better ways to do what I am doing right now. Comments are always welcome.

flutter Article's
30 articles in total
Favicon
Flutter vs React Native in 2025: A Comprehensive Comparison
Favicon
Building a Cross-Platform Food Ordering App with Flutter
Favicon
Deploying Flutter Web Apps using Globe.dev
Favicon
Flutter App, Speech to Text and Text to Speech 🐣
Favicon
Journey to Clean Architecture: Wrestling with a 10k Line Flutter Legacy Codebase
Favicon
Building the 'One of a Kind' Ultimate Mobile App Framework. Seeking exceptional engineers to join the journey.
Favicon
Why Should You Develop a Native Android App Over Flutter?
Favicon
Flutter Development for Low end PCs
Favicon
5 Essential Flutter Widgets Every Developer Should Master
Favicon
Mastering Nested Navigation in Flutter with `go_router` and a Bottom Nav Bar
Favicon
Flutter for Beginners: From Installation to Your First App
Favicon
Building a Beautiful Login Screen in Flutter: A Complete Guide
Favicon
Flutter Design Pattern Bussines Logic Component (BLOC)
Favicon
Movie X: A Developer’s Dive Into Flutter Project Organization
Favicon
Create Different Type of Flavor on Flutter Application
Favicon
Handling PathAccessException in iOS for File Download
Favicon
Full Stack Development (Mern && Flutter)
Favicon
Common mistakes in Flutter article series
Favicon
Design Pattern in Flutter MVVM
Favicon
7 Ways to Refactor Your Flutter Application
Favicon
is there any good article for custom lint rules in flutter?
Favicon
WebRTC vs Agora Video SDK vs ZegoCloud for Video Calling in Flutter: A Comprehensive Comparison
Favicon
Hassle free flutter Development in Hyprland with Neovim
Favicon
How to Build a CRUD Application Using Flutter & Strapi
Favicon
Flutter vs. React Native: Which mobile framework will you choose in 2025?
Favicon
Understanding ShellRoute in go_router: Managing Shared Layouts Effectively
Favicon
From Chaos to Control: The Day I Learned the Magic of Debouncing in Flutter πŸš€
Favicon
custom lint rules in flutter
Favicon
How to Clear Cookies in Flutter Custom Tabs?
Favicon
Flutter

Featured ones: