flutter怎么调,flutter入门教程

iOS(Swift版)Flutter集成关键步骤

1.在项目目录执行 flutter create -t module XXX(flutter模块名) ；

2.修改Podfile，设置path，关联podhelper.rb，注意采用 load File.join() ，不采用之前的eval语句，在target do下install；

3.执行pod install；

4.修改AppDelegate为FlutterAppDelegate；

5.初始化并注册FlutterEngine；

6.vscode里flutter attach实时调试；

做完这些正常开发是可以了，至于打包需要更改什么再续。

相关问答

Q1: no device怎么调回正常模式

当你添加完所有环境变量，或者多次卸掉重装android studio后，再次插入手机，或者是开启模拟器的时候，vscode或android studio都显示no devices的时候，以下简单的解决方法或许能帮到你。

先检查自己以往是否有安装adb。在cmd中查看adb的版本。输入：adb version。如果有安装的话，建议在C:WindowsSystem和C:WindowsSystem32删除adb.exe, AdbWinApi.dll和AdbWinUsbApi.dll三个文件即可。

你在android studio经过了一顿操作，例如安装了一系列的sdk文件，还有创建了模拟器之后，也执行了第二步，环境变量也设置好了，在cmd中输入adb version，会出现下图：

这就代表了你已经彻底清除了旧版本的adb，用的是目前最新版本的adb。这个也会随着flutter upgrade的更新而更新。我今天更新了flutter版本，adb应该是最新的。

在管理员模式下打开cmd，输入adb devices，会看见当前已经打开了的安卓设备。输入adb connect 你安卓设备的名字 。failed那一行不用管，这时候看回vscode或者是android studio，即会出现设备，可进行flutter的正常调试。

PS：

1、模拟器也是如此操作。先打开模拟器，再adb devices，adb connect 即可。

2、adb成功连接一次之后，下次就不用再开adb进行连接了，直接插入手机，或者是开启模拟器即可。vscode是ctrl+shift+p，然后选择Launch Emulator，打开模拟器，即可自动连接模拟器。

3、flutter版本：Flutter:0.10.1-pre.96。adb版本：1.0.40。vscode版本：1.28.2。android studio版本：3.2.1。安卓模拟器版本：android 7.1.1。

Q2: Flutter 与 Android 互调

在做这个小 demo 的时候，遇到了一些坑，到文章发布 坑 还是没有填好，无奈，只得用了别的方式实现了本篇文章的功能。

我这个人的缺点就是 爱钻牛角尖，哎

废话不多说，看效果图

那么，我们开始吧！

我们先看界面逻辑，先不考虑功能，然后将此布局给予上层

注意看这一行

这行其实作用就是声明了 链接 Android 原生的 MethodChannel

当然了，里面的内容随意， 你看我写的多随意

而真正的调用逻辑是

对 就是 invokeMethod 这个方法

当然这个方法的使用还有「带参数的使用方法」

再来看下方法的实现

ok，到此，Flutter 的逻辑就基本走完了，现在来看下 Android 的逻辑

这里，是我浪费了点时间的一个坑，我以为我可以直接在 Flutter 的项目结构下去更改 Android 的项目，结果证明我还是 too young 了，好了，说下我的方法，我是直接切换到了 Android 的项目结构，如下图

这样就可以进入 Android 的结构了

很简单，你想实现相互调用，那么肯定得有 暗号 吧

这里是通过

来实现的

其中 MethodCall 能够判断 Flutter 传递过来什么名称的参数，得到参数的内容等

而 MethodChannel.Result 则能够返回结果给 Flutter

上面的截图就是通过这两个类来实现的逻辑

定义依赖

定义 Bean

定义网络接口

实现 RetrofitHelper

通过 jakewharton 封装的 rxrelay 结合 rxjava2 实现 rxbus

Android Flutter 互调

MethodChannel 在 Flutter 及 Android 中的使用

Flutter 页面跳转

RxBus 封装

Bingo

谢谢小伙伴的关注、收藏、点赞，谢谢~~

Q3: 【Flutter】图片、内容、滚动空间溢出调整

空间超出提示

注释 ：Flutter Incorrect use of ParentDataWidget

问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。

控件Row有一个水平的布局方向，但是内容已经超出了可显示的范围。

建议我们使用有弹性的控件比如Expanded代替，或者使用可裁剪的控件ClipRect代替，还可以使用具体滚动属性的控件比如ListView代替

1、类似图片加载失败,然后溢出挤压空间，可以用Container包裹一下

直接使用，如果图片地址失效，就会溢出

直接使用,图片链接失效引起

2、类似这种超出

A RenderFlex overflowed by 48 pixels on the right.

3、类似这种Column滚动超出!

实现页面滑动需要用到SingleChildScrollView组件，SingleChildScrollView和Android中ScrollView类似

问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

解决方案：保持：Expanded、Flexible只在Row、Column等组件内，不在其他组件内使用。

Q4: Flutter初始化

新建一个Flutter工程，android模块。

1，只有一个Activity组件，它是Dart层绘制Widget的容器。

2，Application配置FlutterApplication。

应用Application配置io.flutter.app.FlutterApplication类，App首次启动时，初始化。

调用FlutterMain.startInitialization()方法。

initConfig方法，从AndroidManfest.xml配置的applicaion节点获取meta-data数据，初始化以下默认值。

这些值都是使用中用到的name，例如，抽取apk中asset资源时，flutter_assets打包目录，打包产物data名称。

initResources方法， 初始化资源。

在Flutter打包apk的asset目录下，包括fluttter_asset目录/资源项，将资源从apk中抽取，保存在 Context.getDir("flutter", 0) 目录下。

/data/user/0/包名/app_flutter目录。

在目录中创建一个时间戳文件，根据apk版本和包信息记录的lastUpdateTime更新时间，第二次启动时，若apk未更新，不需要再次抽取。

加载so库，libflutter.so，System.loadLibrary()。

主页面继承FlutterActivity，配置启动模式singleTop。

FlutterActivity类在io.flutter.app包， (区别io.flutter.embedding.android包)， 组件生命周期委托给FlutterActivityDelegate类。

组件启动，onCreate方法。

FlutterMain.ensureInitializationComplete方法，确保资源成功抽取完成，创建FlutterView视图(io.flutter.view)，继承SurfaceView类，setContentView方法，设置组件主布局即FlutterView视图。

最后，根据Bundle路径，runBundle()加载运行，

调用FlutterView的runFromBundle方法，入口点在dart的main方法，

通过FlutterNativeView，调用FlutterJNI的native方法。

nativeRunBundleAndSnapshotFromLibrary方法。

任重而道远

Q5: flutter无线真机调试

先用数据线连接手机,

1: cmd 命令 输入 adb devices

如果不存在adb

设置环境变量 在path新建

然后cmd 命令 输入 adb devices

再输入 adb -s 5GKDU19426000181 tcpip 8989

5GKDU19426000181 这是手机编号 tcpip 这是端口 随便写 不冲突就行

然后 adb connect 192.168.31.120:8989

192.168.31.120这是手机无线网的ip,点击手机的无线网就可以看到 8989就是tcpip 刚输入的端口号