美文网首页
快速上手系列--Flutter应用开发模板

快速上手系列--Flutter应用开发模板

作者: xuexiangjys | 来源:发表于2020-06-17 00:31 被阅读0次

    Flutter空壳模板工程,已搭建基础框架,实现国际化、主题换肤、登录注册等功能,可在此基础上简单修改实现自己的应用功能。

    项目地址

    https://github.com/xuexiangjys/flutter_template, 喜欢的话就点个赞,star一下吧~

    演示效果

    在这里插入图片描述

    运行

    • 查看一下版本号是否正确
    flutter --version
    
    • 运行以下命令查看是否需要安装其它依赖项来完成安装
    flutter doctor
    
    • 运行启动您的应用
    flutter packages get 
    flutter run
    

    项目集成介绍

    本项目精选了目前Flutter最实用的几个库,可大大提高开发的效率。


    使用指南

    1.克隆项目

    git clone https://github.com/xuexiangjys/flutter_template.git
    

    2.修改项目名(文件夹名),并删除目录下的.git文件夹(隐藏文件)

    3.使用AS或者VSCode打开项目,然后分别修改flutter、Android、ios项目的包名、应用ID以及应用名等信息。

    Flutter目录修改

    • 修改项目根目录pubspec.yaml文件, 修改项目名、描述、版本等信息。
    image

    【注意】这里修改完pubspec.yaml中的name属性后,flutter项目的包名将会修改,这里我推荐大家使用全局替换的方式修改比较快。例如我想要修改nameflutter_app,在VSCode中你可以选择lib文件夹之后右击,选择在文件夹中寻找, 进行全局替换:

    image
    • 修改lib/core/http/http.dart中的网络请求配置,包括:服务器地址、超时、拦截器等设置

    • 修改lib/core/utils/privacy.dart中隐私服务政策地址

    • 修改lib/core/utils/xupdate.dart中版本更新检查的地址

    Android目录修改

    • 修改android目录下的包名。

    在VSCode中你可以选择android文件夹之后右击,选择在文件夹中寻找, 进行全局替换。

    image

    【注意】修改包名之后,记住需要将存放MainActivity.kt类的文件夹名也一并修改,否则将会找不到类。

    • 修改应用ID。修改android/app/build.gradle文件中的applicationId

    • 修改应用名。修改android/app/src/main/res/values/strings.xml文件中的app_name

    IOS目录修改

    ios修改相对简单,直接使用XCode打开ios目录进行修改即可。如下图所示:

    image image

    打包

    • 直接打包:
      flutter build apk
    • 64位-release:
      flutter build apk --release --target-platform android-arm64
    • 32位-release:
      flutter build apk --release --target-platform android-arm

    更多资源

    相关文章

      网友评论

          本文标题:快速上手系列--Flutter应用开发模板

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