Flutter初体验

最新推荐文章于 2024-08-08 08:57:11 发布
最新推荐文章于 2024-08-08 08:57:11 发布
阅读量892 收藏
点赞数
分类专栏： Flutter入门与实战
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangzhihong8/article/details/81019094
版权
本文介绍了如何使用Android Studio、VS Code和Terminal + 编辑器创建Flutter应用，包括新建项目、运行应用程序和热重载功能的详细步骤。通过热重载，开发者能在不丢失状态的情况下实时查看代码更改的效果。
摘要由CSDN通过智能技术生成

接上一篇文章：Flutter环境搭建，本文主要讲解如何利用Android Studio和VsCode开发一个简单的Flutter应用，如果要了解在原生APP中接入Flutter，可以参考下面两篇文章：iOS原生项目集成 Flutter和Android原生项目集成Flutter

创建项目

根据Flutter官方文档的介绍，新建Flutter应用主要有三种手段：Android Studio、VS Code和Terminal + 编辑器方式，下面就从这三种方式来给大家讲解。

Android Studio

新建应用

在Android Studio中，依次选择File->New Flutter Project-> Flutter application，然后填写相关信息点击“Next”，最后点击“Finish”。如下图：

了解本专栏 订阅专栏 解锁全文 超级会员免费看
xiangzhihong8
关注
专栏目录
订阅专栏
Flutter滑动体验对齐原生-滑动曲线篇
闲鱼技术的博客
03-29 1199
自从使用了Flutter以来，闲鱼在享受着跨端带来的提效的同时，流畅度一直是困扰了我们许久的问题，也是被外界吐槽得比较多的地方。所以我们在过去半年，重新牵起了流畅度优化这件事情，目标只有一个，那就是拉平Flutter和Native的滑动体验。我们把这个目标拆分为了两个：滑动曲线优化，拉齐手感渲染性能优化，减少掉帧本文主要跟大家介绍一下我们在优化滑动曲线手感方面的一些经验。...
flutter初体验
qq_45353823的博客
08-03 622
（一）简单体验flutter import 'package:flutter/material.dart'; void main() { runApp(new Center( child: new Text( '你好Flutter,至尊小涛', textAlign: TextAlign.center, textDirection: TextDirection.ltr, ))); } 需要注意的是，一定药导入dart包，同时通过 void main（）执行ru
Flutter学习-原理篇
最新发布
weixin_40035526的博客
08-08 1010
Flutter 是 Google 推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过 Dart 语言开发 App，一套代码同时运行在 iOS 和 Android平台。Flutter 提供了丰富的组件、接口，开发者可以很快地为 Flutter 添加 Native 扩展。在Flutter中几乎所有的对象都是一个 widget。
Flutter学习初体验：真的不好用、不优雅
smile_to_the_world的专栏
08-08 4517
Flutter炒的很火，各种吹嘘多好多好。 抱着试试看的心态学了学，立马就被Flutter奇葩的语法和理念击垮了...... 这是什么鬼语言？ 我要列举一下Flutter最让我费解的一些语法特点： 1. 无穷的嵌套层级，让人反感的代码结构。 @override Widget build(BuildContext context) { return Container( ...
Flutter Web初体验------体会大前端的魅力
怎么学都学不会的何同学的博客
02-08 645
序言 周末，正当空闲寂寞无事时，想到许久未曾接触Flutter，不知如今发展如何了，于是便去搜索了一番，然后我便惊了： 支持Web和Desktop了！ 好奇的我便按照教程尝试了一番Flutter Web，于是有了这篇文章，同时记录下开发步骤。 开发环境准备 直接下载安装的flutter是不支持web的，需要转换成master分支，再开启web支持，代码如下： flutter channel mas...
入门Flutter——初体验
A_sendy的博客
02-28 609
前言 Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生应用界面，它是开源的。使用Dart作为开发语言，如果有Java编程经验，Dart语言很好上手。最开始接触的时候，对于它的编码有点抗拒（虽然现在还有点，应该是不熟悉的原因吧），但不用具备移动开发经验的人也可以进行学习与使用。Flutter可加入到现有的Android或者IOS项目中，它还具备热加载。 开始 1...
vue_flutter_tailwind：Vue3的样式类似于Flutter，带有Tailwind CSS
02-13
Vue3使用Tailwind CSS风格像Flutter 请注意：该项目正在进行中，并且完全是实验性的！ 该项目开始的原因与动机是一个问题：Flutter＆Dart太棒了！ Vue3＆Typescript＆Tailwind也很棒！ 但... Flutter无法在Excel :(内运行，并且使用Web库的情况比较复杂。 那么，如果我们以Flutter的方式编写Vue3 TS，因为它既简单又快捷？ 请注意： 它根本不是Flutter ，甚至都不是Flutter，但希望它将使用其样式的组件和方法编写。 它不正确地写入所有，不能在生产中使用，直到第1版。 它尚未与任何标准对齐，并且根本没有任何样式，并且看起来很糟：)，因为现在的主要重点是编写基本的小部件。 所有内容均可能更改，直到发布1。 如果您喜欢这个项目-贡献＆|| 非常欢迎并赞赏star，它将使开发保持开源和免费运行：
Flutter 、Vue、React Native 、Weex哪个好
欢迎加入Android老司机学院 482266514（技术交流群）密码CSDN
03-10 7711
跨平台项目GSYGithubApp系列三大开源版本比较（Flutter 、React Native 、Weex） vue react angularjs这三个是同一类型，是js框架，框架的目的是简化开发，但是这几个框架都是针对传统网页开发，直接用在移动端一个是慢，另一个是有些功能不适配。weex和react native是基于vue和react改造的移动端混合开发框架，把网页包装成app，可以通过...
flutter 与 vue交互
10-11 5610
跟原生h5区别是关键问题是如何将vue的方法暴露出来，跟安卓调用一样 mounted() { //将要给原生调用的方法挂载到 window 上面 window.callJsFunction = this.callJsFunction }, data() { return { msg: "哈哈" } }, methods: { callJs...
vue与flutter交互——vue
qq_42905523的博客
12-27 5068
一. vue向flutter发送消息 定义一个方法，在方法内部使用如下语句即可。注意‘MessageDeal’方法名要与flutter端定义的方法名一致 MessageDeal.postMessage('4') // 向flutter发送数字4 二. vue接收来自flutter的消息 注意‘flutterCallJsMethod’方法名要与flutter端定义的方法名一致 暴露方法名 // 在挂载时将方法名挂载到window上，把方法名暴露给flutter mounted() { window.f
flutter技术解析与实战！史上最强vue总结来了，威力加强版_flutter vue
2401_84164546的博客
04-15 395
于是我有问了他KVC，老哥还是说不清楚，于是我问了最基础的copy，weak等几个关键词，依旧说不清楚，老哥依旧那么强势霸气，他给到我的感觉就是“为啥都会做，你别问这些没用的”。这个阶段有不会的很正常，因为对方正在确定你的水平，但态度一定要积极主动，即使之前没有研究过，也要结合一些经验说出推测的结果，切忌直接说“我不会”。我问了他Runloop，他说几乎没用过Runloop，于是我给他举了个小例子，老哥给我的答案是百度可以解决。老哥面试的气场很足，我也很尊敬他，一大波的自我介绍之后，我们进入了正题。
Flutter嵌入webview并与vue进行双向通信
tseng711的博客
12-09 4458
Flutter嵌入webview并与vue进行双向通信 最近在做一个将h5嵌入flutter中的项目，特此记录一下，如有不对之处，希望大家多多指正。 本篇将围绕以下两点： 插件的选择与使用 flutter与vue之间的双向通信 一、插件的选择与使用 目前flutter使用的比较多webview插件的主要有以下三个： 官方插件：webview_flutter flutter_webview_plugin flutter_inappbrowser 在插件的选择过程中，我主要比较了webview_flutt
​前端选型 Flutter Vue React​
我的专栏
03-22 641
编者注 由于之前选项为Flutter，App与Web端需求不明确，公司不愿意提高前端招聘成本，导致无法招聘到Flutter人员。则需要重新选型。从公司层面更愿意招聘1万块钱的人力。 跨平台开发 React Native、Flutter、Weex、uni-app Web开发框架 jquery、React、Angular、Vue Web端UI框架 Layui、bootstrap、ElementUI、antdesign、ionic、vantUI bootstrap、foundation、seman
Flutter部件内部状态管理小结（实现Vue的v-model）
weixin_34198762的博客
06-11 1806
Table of Contents generated with DocToc Flutter部件内部状态管理 widget 基础 widget（部件） 状态 无状态 widget 有状态 widget widget 管理内部状态的三种方式 widget 自己管理状态 父widget 管理 子widget 状态 混合管理 参考 Flutter部件内部状态管理 本文是 Fl...
go+flutter+vue,2020年高性能互联网应用快速开发的技术全家桶
lijianhua1205的专栏,微信号 lijianhua1205
03-15 4894
go+flutter+vue,2020年高性能互联网应用开发的技术全家桶 1 go,微博为什么从java微服务转go微服务, dubbo为什么推出了go版本，字节跳动和b站为什么都用go开发，百度 腾讯的c++工程师为什么都用起了go，go兼具了高性能和开发速度快的优势，和c++比，go的开发速度是4-5倍，性能差不多，在微服务领域，go微服务的性能是springcloud的3-5倍，开发速度快...
Flutter State生命周期详解
State的生命周期是Flutter开发中非常重要的概念，因为它直接影响到应用的性能和用户体验。以下是对State生命周期各阶段的详细解释： 1. `initState()`: 这个方法在State对象首次被创建时调用，通常用于进行一次性的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值