如何运行一个成型的Flutter（番外）

最新推荐文章于 2023-05-08 11:19:00 发布
最新推荐文章于 2023-05-08 11:19:00 发布
阅读量326 收藏
点赞数
分类专栏： Flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Emperor_huanzi/article/details/97390911
版权
如何运行一个成型的Flutter

写这篇文章的目的是我刚玩Flutter不久，拉取别人成型Flutter成型的项目死活运行不起来，趟了不少的坑。所以我这里把坑总结一下发出来，看看你们有没有这样的问题：
下载下来项目我是用VS code打开的，这里VS Code首先要安装两个插件 Flutter 和 Dart，一般是你安装完第一个插件第二个也会自动安装，

使用VS Code打开首先要提示你：

flutter packages get

这是VS Code自己弹窗显示，点击确定就好，

坑1：

这里就会有坑，因为这个引用的是依赖包，有些依赖包需要翻墙才能下载下来，所以这里有问题就要翻墙解决一下了，
还有即时你翻墙出去也有可能会有下不下来的麻烦这样你需要在Flutter SDK文件夹中找到pub-cache这个文件夹，这个文件是隐藏文件，你可以百度一下 怎么显示隐藏文件，就能看到这个文件了，打开这个文件夹，找到里面的git,删除响应的下载不下来的文件，再走一遍 flutter packages get 就解决下载不下来的情况

坑2：

在iOS这边的依赖是用Pod引入的，当pod install 失败或者pod下来的文件不对时，此时应该 pod update一下就会更新Podfile文件里面所有的库。

我现在就发现这两个坑，如果发现新坑欢迎联系我一下，我在下面追加上

_huanzi
关注
专栏目录
【心得体会】Flutter的安装与配置，并运行第一个Flutter程序(超详细)
weixin_50765519的博客
03-19 835
【心得体会】Flutter的安装与配置 一、 准备阶段： （1）系统：win10 （2）相关软件：Vscode,Android Studio,Flutter 二、 安装flutter并配置环境 （1）先进入官网（https://flutter.dev/或中文官网https://flutterchina.club/，这里以flutter官网为例）点击Get started (2)点击windows,因为我们是在windows平台安装的 （3）点击之后，进入下一个界面，点击这里下载SDK的zip压缩包，点击
Flutter运行
璃殇的博客
11-09 427
flutter如果运行其他人的项目 命令行flutter run之后，如提示cocopods版本过低时，删除iOS-》podfile.lock文件，重新运行
Flutter中的异或运算以及十进制转二进制
代码小疯子
05-08 572
在Flutter中，异或运算可以通过“^”运算符来实现。异或运算是一种逻辑运算符，当两个操作数的对应位不同时，结果为1，否则结果为0。在这个例子中，a ^ b运算的结果为2，因为5和3的二进制表示中，只有最后一位不同。因此，最终的结果是二进制的010，也就是十进制的2。
Flutter怎么运行一个项目
weixin_45425105的博客
12-14 6605
还记的我最开始学习flutter的时候，创建完工程以后，不知道怎么去运行出效果。我相信很多人最开始的时候也是一脸懵。 flutter创建好工程以后，有一个自动生成的main.dart文件，这个就是运行时的主文件，里面有运行的入口函数。对于初学者只是简单写几个demo，没必要这么选择这种方式，麻烦没有效率。请参考以下过程修改： （1）找到main.dart这个文件，把里面的内容全部删掉，放入以下代码，这个代码就是运行的基本架构，以后我们写所有的代码都可以直接在这个文件里面写。 import 'package:
Flutter 运行模式
xiangxiongfly
07-22 1220
Flutter 运行模式
flukit:Flutter UI套件。一个Flutter UI组件库
04-01
flukit （Flutter UI Kit）是一个Flutter Widget库。 注意 本项目正在持续迭代中，欢迎大家贡献代码。 贡献代码须知 工程目录 flukit --lib //示例目录 --package_src --lib --src //widget库目录 --docs //...
一个使用 Flutter 框架进行移动应用开发的简单教程 Flutter 是 Google 开发的一个开源 UI
最新发布
10-14
首先介绍如何配置 Flutter 开发环境，在安装相关工具后创建一个新的Flutter工程。接下来通过详细步骤演示了整个App的设计构建过程。此外提供了运行App的方法与测试验证方式。最终实现了添加任务项、标识已完成和移除...
一个展示Flutter组件的应用程序，具有并排的源代码视图。-Flutter开发
05-27
Flutter Catalog这是一个展示Flutter组件的应用程序，具有并排的源代码视图。 新增：Flutter Catalog现在在浏览器中可用！ Flutter Catalog这是一个展示Flutter组件的应用程序，具有并排的源代码视图。 新增：...
flutter_catalog：一个展示Flutter组件的应用程序，并排提供源代码视图
02-05
一个展示Flutter组件的应用，并排提供源代码视图。 :rocket: :rocket: 新增：浏览器中现已提供Flutter Catalog！ 。 请注意，Web变体存在一些。 屏幕截图 如何通过添加新的示例页面做出贡献 在lib/route/下创建一...
Flutter基础之运算符
lizhong
07-15 9014
一、Dart运算符表 运算符名 运算符 号 一元后缀 expr++　　expr--　　()　　[]　　.　　?....
下载别人的flutter项目在自己本地运行需要注意的问题
weixin_34055787的博客
03-19 2768
---恢复内容开始--- 别人的flutter项目里面 gradle版本可能不一样，查看，修改\android\gradle\wrapper\gradle-wrapper.properties 里面的 distributionUrl 值如： distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-al...
Flutter学习笔记之dart 操作符
julystroy的博客
01-29 1169
以下操作符 都是按照优先级顺序从左到右，从上到下的方式来列出的 描述 操作符 一元后缀 expr++（递增） expr–（递减） () [] . ?. 一元前缀 -expr（负号） !expr （取反） ~expr（按位补码 0变为1；1变为0） ++expr（递增） --expr （递减） 乘除 * / %...
Flutter教程 (二)Flutter安装及运行
热门推荐
狂野之士
03-06 1万+
Flutter官网点击访问 如何安装 Windows用户安装说明 Mac 用户安装说明 Linux用户安装说明 Mac上安装Flutter过程详解 前方预警，前方预警，前方预警 作为高墙之内的开发者，我们有必要看一看这篇文章Using Flutter in China 。 根据文章的提醒。。。，我们只用在命令行执行以下Shell命令 export PUB_HOSTE...
安卓项目内添加flutter module的正确方法
Leslie_Lu的博客
05-04 1998
最近换了电脑，安卓项目中的flutter module无法正常运行，于是决定重建项目，发现添加flutter时碰到问题，在网上看到一个正确的教程：https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps#make-the-host-app-depend-on-the-flutter-module ...
（四）Flutter 学习之 Dart 操作符、控制流和异常处理
Chiclaim
07-08 1347
本文介绍了 Dart 条件表达式、常用操作符、操作符重载、控制流语句、断言、异常处理
解决Flutter初学遇到的问题
sunslife的专栏
03-27 2498
Flutter由Google开发，可以同时支持Android和IOS开发，是混合开发的一个很好的方向。最近学习了怎样建立编译环境，怎样编译第一个简单的App，其中遇到很小但是非常挠人的问题，在反复尝试解决、仔细观察之余有了自己的解决方法，现在记录下来，以便后查，也希望其中可用的方法能帮助类似我这样的初学者。1、许可证没有被认可的问题这个要按照上面的提示，执行flutter docotor --an...
Dart编程语言从基础到进阶7
farley的成长之路
12-03 753
运算符在编程语言中也是很重要的一环，如果有其他语言基础的话看这一节会很轻松，但是也要特别注意一些运算符，因为它跟其他语言还是有点差别的。 在运算符表 中，运算符的优先级按先后排列，即第一行优先级最高，最后一行优先级最低，而同一行中，最左边的优先级最高，最右边的优先级最低。 描述 运算符 一元后缀 表达式++ 表达式-- () [] . ?. 一元前...
Java基础7：基本运算符
Ada1990_的博客
10-10 353
运算符 优先级 （），多加（）不影响代码，并有利于理解 算数运算符 +（加） ，- (减），*（乘） ，/（除） ，%（取余，模运算符），++（自增） ，–（自减） +（加） ，- (减），*（乘） ，/（除） 加减乘除后的数值类型，有一个为long/double结果为long/double，没有long/double，结果默认为int类型 %（取余，模运算符） ++（自增） ，–（自减） 赋值运算符 = （int a = 10，10赋值给a） 关系运算符 &g
flutter3.0封装一个flutter_screenutil
07-29
您好！对于封装一个flutter_screenutil，您可以按照以下步骤进行操作： 1. 首先，在项目的`pubspec.yaml`文件中添加`flutter_screenutil`依赖项。可以在`dependencies`部分添加以下代码： ```yaml dependencies: flutter_screenutil: ^5.0.0 ``` 2. 在您的项目中创建一个名为`screen_util.dart`的文件，用于封装`flutter_screenutil`。 3. 在`screen_util.dart`文件中导入必要的库： ```dart import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter/material.dart'; ``` 4. 创建一个名为`ScreenUtil`的类，并添加以下静态方法： ```dart class ScreenUtil { static void init(BuildContext context) { FlutterScreenUtil.init(context); } static double setWidth(double width) { return FlutterScreenUtil().setWidth(width); } static double setHeight(double height) { return FlutterScreenUtil().setHeight(height); } static double setSp(double fontSize) { return FlutterScreenUtil().setSp(fontSize); } } ``` 5. 在您的项目中的`main.dart`文件中，使用`ScreenUtil.init(context)`初始化`ScreenUtil`，例如： ```dart void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { ScreenUtil.init(context); return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(), ); } } ``` 6. 现在，您可以在项目的任何地方使用`ScreenUtil.setWidth`、`ScreenUtil.setHeight`和`ScreenUtil.setSp`来设置宽度、高度和字体大小，例如： ```dart Container( width: ScreenUtil.setWidth(200), height: ScreenUtil.setHeight(100), child: Text( 'Hello', style: TextStyle(fontSize: ScreenUtil.setSp(20)), ), ), ``` 通过以上步骤，您可以封装一个简单的`flutter_screenutil`工具类，方便在项目中使用屏幕适配功能。希望对您有所帮助！如果您还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值