一点一滴学习Flutter (2)——— Flutter项目的创建

我并不是专业的程序员,所学的专业与软件开发没有太大的关系,一直以来都是将编程学习作为一项爱好而持续着。之前自学过C语言,JAVA,Python、单片机嵌入式开发等,这次看到Flutter1.0版本发布后就想着自学,然后用Flutter写出一个安卓软件。零零碎碎地学习到现在也将近两个月了,写下这些文章,为的是将阅读官方文档所学到的知识回顾总结出来,更是为了记录下那些踩过的坑,如果有表述得不专业或者错误的地方,还请指出。

Flutter项目的创建参考了官方文档:1、Write your first Flutter app;2、Preparing an Android App for Release

我所选用的IDE工具是google官方的Andriod Studio,官方下载链接为:Android Studio

系统运行环境为windows10 专业版 17763.316

系列文章链接如下:1、一点一滴学习Flutter (1)——— Flutter的安装;2、一点一滴学习Flutter (2)——— Flutter项目的创建;3、一点一滴学习Flutter (3)——— Flutter项目的调试;4、一点一滴学习Flutter (4)——— StatefulWidget和StatelessWidget的使用

Flutter的创建步骤如下:

1)打开Android Studio

2)点击”Start a new Flutter project”

3)选择“Flutter Apllication”,点击“Next”

4)在“Project name”填入项目名称,在“Flutter SDK path”选择从”flutter_windows_v1.0.0-stable.zip”压缩包中解压出来的flutter文件夹的存放路径,在“Project location”选择项目存放路径,在“Description”中填入对项目的描述,点击“Next”

5)点击“Finish”创建项目;

6)Android Studio已经帮我们创建了一个完整的、可运行的项目,通过模拟器可直接运行,但我们首先来了解一下文件结构以及几个常用的参数。

7)整个逻辑与布局相关的Dart文件存放在“项目名称/lib”文件夹下,打开文件夹会发现已经有一个“main.dart”文件了,这个文件处理的就是我们打开软件后看到的第一个界面。通过改变里面的Widget可以创造出各式各样的布局,有关于Widget我们以后再说。

8)修改repositories。由于在使用系统自带的类,例如Colors的时候,输入顿号之后Android Studio会自动跳出选项供你选择,但是这个选项似乎不是从本地而是从googlerepositories加载的,所以不能加载的时候Android Studio就会卡死。经历了几次Android Studio由于无妨访问google而卡死了之后,我在新建项目之后就会立即将repositories修改成阿里巴巴的仓库。修改之后顿号之后弹出选择时速度快多了,也没有出现过卡死的情况了。

进入“项目名称/android/build.gradle”,找到代码块:

buildscript {

    repositories {

        google()

        jcenter()

    }

    dependencies {

        classpath’com.android.tools.build:gradle:3.3.1′

    }

}

将其修改为:

buildscript {

    repositories {

        maven{ url ‘https://maven.aliyun.com/repository/google’ }

        maven{ url ‘https://maven.aliyun.com/repository/jcenter’ }

        maven{url ‘http://maven.aliyun.com/nexus/content/groups/public’}

        //google()

        //jcenter()

    }

    dependencies {

        classpath ‘com.android.tools.build:gradle:3.3.1’

    }

}

9)一些常用参数。

AndroidManifest.xml文件中的android:label参数可以修改app安装后在手机桌面显示的app名称。

“项目名称/android/app/src/main/res/”目录下的mipmap-hdpi等文件夹内存放的ic_launcher.png图片是app安装后在手机桌面显示的软件图标,如果想要自定义app图标,则可以替换该图片文件,否则图标默认是一个Flutter图标。

“项目名称/android/app”目录下的build.gradle文件可以修改app版本号以及最低兼容的android系统版本等参数。versionCode设置整数的app版本号,versionName设置版本号显示字符串。

Flutter的创建图解如下:

《一点一滴学习Flutter (2)——— Flutter项目的创建》 点击”Start a new Flutter project”
《一点一滴学习Flutter (2)——— Flutter项目的创建》 选择”Flutter Application”
《一点一滴学习Flutter (2)——— Flutter项目的创建》 修改设置后点击”Next”,在点击”Finish”

    原文作者:红枣糖水
    原文地址: https://www.jianshu.com/p/ff7ac7f88540
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞