All Projects → xuexiangjys → Flutter_template

xuexiangjys / Flutter_template

Licence: apache-2.0
The project of the empty template with Flutter has built the basic framework to realize the functions of internationalization, theme peeling, login and registration, etc.(Flutter空壳模板工程,已搭建基础框架,实现国际化、主题换肤、登录注册、自动路由注册等功能,可在此基础上简单修改实现自己的应用功能)

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Flutter template

Codrops Scribbler
A responsive HTML template for coding projects with a clean, user friendly design. Crafted with the latest web technologies, the template is suitable for landing pages and documentations.
Stars: ✭ 302 (-11.7%)
Mutual labels:  template
Mikado
Mikado is the webs fastest template library for building user interfaces.
Stars: ✭ 323 (-5.56%)
Mutual labels:  template
Armscomponent Template
🛠️ 一键搭建 ArmsComponent 快速组件化方案的整体组件架构, 让新手也可以一秒开始组件化项目, 开发神器, 让您一秒起飞, 体验纯傻瓜式的组件化开发, 避免组件化从入门到放弃!
Stars: ✭ 339 (-0.88%)
Mutual labels:  template
Graphql Starter
💥 Monorepo template (seed project) pre-configured with GraphQL API, PostgreSQL, React, Relay, and Material UI.
Stars: ✭ 3,377 (+887.43%)
Mutual labels:  template
K8sapp
Application template that satisfies the Kubernetes requirements (Golang)
Stars: ✭ 321 (-6.14%)
Mutual labels:  template
Vim Template
Simple templates plugin for Vim
Stars: ✭ 328 (-4.09%)
Mutual labels:  template
Landy React Template
Landy is a free React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.
Stars: ✭ 282 (-17.54%)
Mutual labels:  template
Rendu
A simple realtime graphics playground for experimentations.
Stars: ✭ 343 (+0.29%)
Mutual labels:  template
Documentation Html Template
A Sample Documentation Template for Themes, Templates and Plugins
Stars: ✭ 322 (-5.85%)
Mutual labels:  template
Tensorflow Project Template
A best practice for tensorflow project template architecture.
Stars: ✭ 3,466 (+913.45%)
Mutual labels:  template
Nuxt Material Admin
Vue-CLI Boilerplate based on Nuxt and vue-material-admin template.
Stars: ✭ 310 (-9.36%)
Mutual labels:  template
Viperhtml
Isomorphic hyperHTML
Stars: ✭ 318 (-7.02%)
Mutual labels:  template
Swift5 Module Template
An opinionated starting point for awesome, reusable Swift 5 modules
Stars: ✭ 331 (-3.22%)
Mutual labels:  template
React Director Admin Template
ReactJS version of Director Responsive Admin Template Free
Stars: ✭ 304 (-11.11%)
Mutual labels:  template
Pug
Pug template engine for PHP
Stars: ✭ 341 (-0.29%)
Mutual labels:  template
Email Templates
📫 Create, preview, and send custom email templates for Node.js. Highly configurable and supports automatic inline CSS, stylesheets, embedded images and fonts, and much more!
Stars: ✭ 3,291 (+862.28%)
Mutual labels:  template
Devportfolio
A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
Stars: ✭ 3,582 (+947.37%)
Mutual labels:  template
Vue Typescript Admin Template
🖖 A vue-cli 3.0 + typescript minimal admin template
Stars: ✭ 4,279 (+1151.17%)
Mutual labels:  template
Koa Vue Notes Api
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and async/await.
Stars: ✭ 342 (+0%)
Mutual labels:  template
Simple Resume Cv
Template for a simple resume or curriculum vitae (CV), in XeLaTeX.
Stars: ✭ 333 (-2.63%)
Mutual labels:  template

flutter_template

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

关于我

github csdn 简书 掘金 知乎

效果

flutter_template.gif

视频教程

运行

  • 查看一下版本号是否正确
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_template,然后替换你想要的项目包名,如下图所示:

flutter_replace.png

Flutter目录修改

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

flutter_1.png

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

flutter_2.png

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

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

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

Android目录修改

  • 修改android目录下的包名。

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

android_1.png

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

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

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

IOS目录修改

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

ios_1.jpeg

ios_2.png

自动路由注册说明

注意,本项目进行自动路由注册的文件是在lib/router/route_map.dart进行注册的,自动生成的路由表文件是lib/router/route_map.gr.dart.

  • 使用[watch]实时动态刷新路由表
flutter packages pub run build_runner watch
  • 生成一次路由表
flutter packages pub run build_runner build
  • 清除路由表
flutter packages pub run build_runner clean

如果觉得项目还不错,可以考虑打赏一波

你的打赏是我维护的动力,我将会列出所有打赏人员的清单在下方作为凭证,打赏前请留下打赏项目的备注!

pay.png

微信公众号

更多资讯内容,欢迎扫描关注我的个人微信公众号:【我的Android开源之旅】

gzh_weixin.jpg

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].