How to modify plugins Dart code Flutter?

user_8079239 0
Viewed 20415

I am developing a Flutter app, and it uses map_view plugin. I want to add new functionalities to the plugin by modifying the source code. How do I find the actual source code of the plugin in my project after installing it through Flutter?

How plugin is added in Flutter

The dependency for map_view plugin is added to pubspec.yaml as below, then running flutter packages get will add it to the project. dev_dependecies: map_view:

dart flutter
5 Answers

Here is step by step of how to modify plugin locally, my plugin named: flutter_abc-0.4.1

  1. Right click on package/plugin's import file name, choose Reveal in Finder Or hold CMD + Click on that file name to go to that file, then Right click anywhere in the file and choose "Reveal in Finder".

Normally it's located at ~/.pub-cache/hosted/pub.dartlang.org/flutter_abc-0.4.1

  1. Copy whole package folder to your app folder

For easy hijacking files, just copy all to your app folder (same level with pubspec.yaml, not in the lib folder), then renaming version:

For example: flutter_abc-0.4.1-hijacking

Now you can modify whatever you want to fix bug locally.

  1. Modify pubspec.yaml to point to local package

Open your project pubspec.yaml Change path of dependencies to, for example:

flutter_abc: path: ./flutter_abcd-0.4.1-hijacking/

user_76261620

The most elegant way is to fork a repo, do all changes you need and commit them to your fork of the repo. After that you just need to add forked repo from git as a dependency in pubspec.yaml file.

user_57005350

With the git reposity of the desired plugin here

Clone it.

Make your modification

Submit a pull request.

And done

user_83942650

We usually use packages by importing them in the files where we need them. To modify a plugin, you need to Ctrl + click on the import line (for e.g. import 'package:dio/dio.dart';) ctrl + clicking on this line will open the source code for this plugin. You can edit the code there. Remember, the change won't be permanent and if you push your code to git and then clone it later, the changes you've done will be reverted to the original. So to avoid this, you can just copy all the source code and make a separate dart file and copy and modify all the code there to play safe.

user_100057070

It's worth stating that for quick testing / debugging, you can actually modify the code directly in your .pub-cache, e.g. .pub-cache/hosted/pub.dartlang.org/video_player-2.3.0/lib/video_player.dart. For it to take effect, you must fully restart your app, a hot reload won't work.

user_38460320
Related