flutter页面划着划着黑屏了，flutter viewpage

Flutter入门(二)——实现一个简单的demo页面

首先查看入口函数：类MyApp：MyHomePage：state：build：此demo页面涉及到两个组件：图片和icon。

Demo 创建并生成文件 在lib目录下创建.proto文件 在 lib 目录下，我们新建一个 src/generated 文件夹，用于存放我们待会要生成的文件。

万物始于 Hello World，我们先来创建一个显示 Hello World 的 Flutter 项目。 在Android Studio 的欢迎页面选择 Start a new Flutter project ，或者通过菜单栏的 File New New Flutter Project ，创建一个新的 Flutter 项目。

相关问答

Q1: 在Flutter开发iOS中,app启动黑屏之后显示启动页的解决办法

解决： 找到 \app\src\main\res\drawable\launch_background.xml 文件，这个里面初始化了布局标签，只需要把图片替换为我们自己的就可以。

重新打开即可。因为软件在后台时间过长，软件会出现一个黑屏动画，就需要重启软件即可恢复。

这时需要手动添加 FLUTTER_ROOT 到 User-Defined ：添加之后：就可以正常在Xcode build 安装到手机了。

可以通过添加一个标志位来解决，如下：在 Web 中加载网络图片有时会失败，遇到这样的报错： Exception caught by image resource service... ，造成该错误的原因通常是，图片跨域了（见 跨域资源共享 ）。

Q2: flutter刷新页面的方法

flutter_easyrefresh： ^0.5 Pub get一下 下面我就以flutter_easyrefresh这个插件进行讲解。

所以我做了以下改动 对于NestedScrollView 来说。

第一个是添加图片，点击添加图片把图片放到List里面，然后setState刷新，结果发现页面没变化，触碰添加图片Item，就会多出一个添加图片Item。根据Flutter基于不可变数据的原理，我们直接把List换一个引用，创建一个新的List。

InheriedDataWidget 使用起来也很简单，它本身也是一个控件，只要在任意一个页面的子控件调用其构造方法就行，这里我们定义一个形如的 Widget 树。

Q3: 做混合的话Uniapp和Flutter我应该学哪个啊?

Uniapp目前比较成熟，而且用的是Vue语法，学习成本比较低，而且行业里面用的也比较广泛，而Flutter的话，学习成本略高，因为要学习新的语言，还有就是目前生态不是特别完备，等他再发展发展吧。

现在也比较流行混合开发APP，一套代码通吃Android和iOS，那么有很多框架选择，框架也是某个开发语言基础。国内的mui，uni-APP使用的是JavaScript，HTML，CSS。框架vue.js。

uniapp了解下，多端应用。app的话要考虑安卓和苹果，但学了二种学习成本比较高。用uniapp就解决了。

Q4: ...04-22iOS项目混编flutter,iOS真机debug模式下打不开flutter页面

解决办法如下：用 [Xcode] 打开工程项目，在 Build Settings 的最下方找到 User-Defined，点击 + 按钮，添加一个键为 FLUTTER_BUILD_MODE ，debug设置profile模式，release设置release 模式。

在iOS 14+，调试模式Flutter应用程序只能从Flutter工具，带有Flutter插件的ide或Xcode启动。或者，构建概要文件或发布模式，以支持从主屏幕启动。

更改XCode编译模式：使用Release模式编译，这个时候Flutter编译方式为AOT，可正常启动；不更改XCode编译模式：更改Flutter编译配置，强制设置为Release。

结合flutter attach的方式去调试。

flutter run flutter pub get flutter create ..ios文件夹生成之后，回到原生项目pod install即可。

解决方案：删除IOS工程中的Podfile.lock文件，重新pod install(继续执行Flutter run操作)即可解决。问题原因：没有配置safety相关 解决方案：可以直接在命令行中执行：然后在Additional run args 这行键入一下命令即可。

Q5: 【Flutter】ListView、GridView高度自适应并随页面滚动

SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。

shrinkWrap 常用于内容大小不确定情况，如果滚动视图( ListView/GridView/ScrollView 等)没有收缩包装，则滚动视图将扩展到允许的最大大小。

类似这种Column滚动超出！实现页面滑动需要用到SingleChildScrollView组件，SingleChildScrollView和Android中ScrollView类似 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。

flutter页面划着划着黑屏了的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter viewpage、flutter页面划着划着黑屏了的信息别忘了在本站进行查找喔。