美文网首页
添加Flutter module到现有iOS项目

添加Flutter module到现有iOS项目

作者: _compass | 来源:发表于2019-07-15 16:22 被阅读0次

1.例如现在有个普通的工程,名称叫FTNDemo
2.cd到当前与FTNDemo平级目录下(不是在子目录里),输入命令:

flutter create -t module ftnkit

flutter create -t module ftnkit
Creating project ftnkit...
  ftnkit/.gitignore (created)
  ftnkit/.idea/libraries/Dart_SDK.xml (created)
  ftnkit/.idea/libraries/Flutter_for_Android.xml (created)
  ftnkit/.idea/modules.xml (created)
  ftnkit/.idea/workspace.xml (created)
  ftnkit/.metadata (created)
  ftnkit/lib/main.dart (created)
  ftnkit/ftnkit.iml (created)
  ftnkit/ftnkit_android.iml (created)
  ftnkit/pubspec.yaml (created)
  ftnkit/README.md (created)
  ftnkit/test/widget_test.dart (created)
Running "flutter packages get" in ftnkit...                         9.0s
Wrote 12 files.

All done!
Your module code is in ftnkit/lib/main.dart.

这里有个现象,就是module名首字母不可以大写,会报错,大家可以试一下。

  1. 创建Podfile文件
    cd到工程路径下,输入:
pod init

但是报错:
[Xcodeproj] Unknown object version等等
于是按照以下输入:
先替换镜像源:

gem sources --remove https://rubygems.org/
gem sources -a http://rubygems.org/

出现的Do you want to add this insecure source? [yn] y

再输入:

gem install cocoapods --pre

接着再输入:

pod init

不会报错了。

然后在文件夹里出现的podfile里,最后两行加上:

flutter_application_path = '../ftnkit'
eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)

如下图:


Podfile

其中flutter_application_path代表你的flutter模块路径。
运行

pod install

如下图:


image.png

使用热重载:
输入:

flutter attach

控制台显示:


attach

接着可在模块里编辑dart代码,在控制台输入“r”使用热重载看到效果。

修改了文本 image.png

以上。

相关文章

网友评论

      本文标题:添加Flutter module到现有iOS项目

      本文链接:https://www.haomeiwen.com/subject/nzrnkctx.html