flutter用什么软件（国内flutter应用）

网友投稿 1232 2022-12-27

本篇文章给大家谈谈flutter用什么软件，以及国内flutter应用对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。今天给各位分享flutter用什么软件的知识，其中也会对国内flutter应用进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、目前编写一款简单的手机应用APP一般用什么编程语言？
2、vscode flutter 环境搭建
3、Flutter实现堆叠式卡轮播效果
4、为什么除了Flutter之外，我们还需要另一个跨平台开发框架？

目前编写一款简单的手机应用APP一般用什么编程语言？

编写手机Appflutter用什么软件，用什么语言？

从简单到复杂，可以分三级：

简单方案：HTML5

其实就是把网页封装成App。编程语言就是网页三件套：HTML+CSS+Javascript

有多种工具和框架，如Cordova, uni等等。

这种方式实现“App”最容易，且跨平台，对于iOS和Android做一套就行了。代价是功能弱，性能低，换句话说就是“卡”。

中等方案：原生跨平台框架

这类方案在iOS和Android之上自行实现一套原生框架。通用的Flutter, ReactNative都是流行的原生跨平台框架。适用于游戏的Cocos2D，Corona SDK也可以算在这一级里。

这类方案实现App难度中等，因为跨平台，一次开发，iOS和Android都能运行。功能和性能也是中等，比不上原生App，但比HTML5的又好很多。

复杂方案：原生开发

直接在iOS和Android上各自开发一套原生App。

iOS可以使用Objective C或Swift。

Android可以使用Java或Kotlin。

还是来一个图表吧，虽然简单，却很明了：

推荐用Flutter，简单。

以前自己用android原生写过7天酒店签到程序，不过当时的安卓还是比较难写的，不像现在越来越容易上手。

Flutter

Flutter是一个由谷歌开发的开源移动应用软件开发工具包，用于为Android、iOS、 Windows、Mac、Linux、Google Fuchsia开发应用。

Flutter应用是使用Dart语言编写的，虽然是新的一种语言，但是难度不算大，上网搜下相关教程学习下，应该就能很快上手。

Flutter效果

这里是我上个月仿照教程弄的一个简单APP，效果图如下：

点击"Next"就切换下一张，点击"Pre"就切换前一张，点击“Reset”就全部滑落下来。

我女儿最喜欢中间的Reset效果，哈哈。

希望这个答案能帮到flutter用什么软件你。

现在Flutter正式版已经出来了，原生性能，安卓iOS多平台支持，谷歌大厂背书，大家可以比较放心的学习。编程语言用的是Dart，可以看做是加了语法糖版本的Java，学习起来也比较容易，如果想做手机app，可以考虑使用它。

如果只是自己做着玩的话推荐用H5开发，开发工具HBuilder或者HBuilderX。

先科普下什么是IOS和Android吧。

IOS只是操作系统而已，是苹果的操作系统。

开发IOS上运行的APP的话，现在流行的语言是Object-C和Swift。

Android也是操作系统，是谷歌基于Linux内核开发出来的手机操作系统。

开发Android上运行的APP的话，现在流行的语言我觉得仍然还是JAVA。

如果想要真的做一款APP的话，不仅仅会一门语言就够了，涉及的东西比较多，如下是我给你的学习推荐路线。

学习路线：

1：先学习js，然后学习下html 、css。

学习这些可以上菜鸟教程或者W3School网站学习。

开发工具使用vscode或者Notepad++都可以的。

2：了解Mui常用组件（官网：https://dev.dcloud--/mui/ui/），

熟悉常用API(官网：http://www.html5plus.org/doc/h5p.html)。

3：服务端的开发，要么用java开发，要么用- webapi开发，推荐理由，java目前是主流，- webapi简单容易。

java 开发工具IntelliJ IDEA，- 开发工具 vs。

4：数据存储使用mysql。

补充说明：如果是想做专业开发APP的话还是建议用java开发客户端，ios APP则用swift开发。

当然现在为了一套代码多个平台，使用H5开发专业APP的也有。

会了就可以正式撸代码实现自己简单的APP了。

回答完毕，谢谢。我是只说代码的大饼。

那当然首选是h5套壳了。关于语言方面，我建议还是用PHP吧。随着进一步学习，可以学习uinapp一键多端。H5、小程序、App、小程序支持多个平台上架、微信抖音支付宝百度，希望可以帮助你

目前有三种app开发方式：原生app、混合app、webapp。

原生app：安卓需要java语言，ios需要 objec t-c，wp需要的-语言。这种app用户体验最好，性能也是最好的，开发成本高，开发周期长，一款app需要开发多个语言版本；

混合app：需要h5，javascript，了解每个混合框架，比如appcan、hbulider、phonegap等等，以及封装的中间件。这种开发方式的用户体验、性能没有原生的好，但是他的开发周期短，开发成本低，对开发人员技能掌握比较高，开发一套程序可以兼容到多个设备上；

webapp：需要h5、javascript语言，不能调用底层设备，用户体验效果次之，开发简单，开发成本低，开发周期短，可以兼容多个设备。

综上所述三种开发各有优缺点，要根据具体的项目需求来选择适合自己的开发语言和开发场景。

uniapp了解下，多端应用。app的话要考虑安卓和苹果，但学了二种学习成本比较高。用uniapp就解决了。

现在中小型企业都在逐渐采用跨平台开发的模式效率高成本低作为个人更是开发不二的选择你问的iOS和安卓是原生开发需要不同的开发语言和框架学习成本也很高既然你说你是小白如果采用原生开发可能得大概花一年半载才能开始上手

采用跨平台开发只需要学习一下html css JavaScript 然后选择跨平台开发框架比如react flutter uniapp 都可以跨平台就是指你这一套代码编写的app可以到不同平台运行比如iOS安卓都OK 但其实很多还可以编译到各类小程序平台运行所以很方便

我这里推荐uniapp 一个基于vue的跨端开发框架我自己也用这个开发了很多项目确实很快也提供了原生渲染能力不做游戏等软件基本没啥问题社区插件市场也很热闹基本有问题可以很快解决希望可以帮到你。

按照开发方式可分为原生开发、混合开发、webapp开发，不同的开发方式学习的编程语言不一样，下面我们来一个一个分析一下：

一、原生开发

原生开发的编程语言主要为针对IOS运行环境的为编程语言为Swift或Object c，安卓环境为Java或Kotlin，WP环境为NET。原生开发的运行效率最高，用户体验最好，但是需要学习不同平台的编程语言，学习门槛较高。

二、混合开发（伪原生开发）

混合开发技术主要采用一套特别的渲染引擎来渲染UI界面和交互，按照渲染引擎可分为html与dart，其编程语言主要是Javascript或Typescript、Dart。

目前基于html渲染的开发框架有react native、weex、uniapp，基于dart的开发框架只有flutter。

混合开发由于调用了原生的控件来渲染UI，所以加载和体验与原生差不多，学习成本比较低，只要会js，选择一个框架开发就行了，或者学习dart语言，进行flutter开发。

三、webapp开发

webapp开发主要利用原生环境中的浏览器控件来装载服务器上的html页面，实际这个app就是一个自定义的浏览器app，所以只要会html，就会开发webapp，由于app内部加载的是远程的网页，所以加载速度和体验最差。

以上是我个人的总结，有不对的欢迎指出，谢谢。

本人用c#，除了单片机用c，cad CATIA，多媒体主要Adobe，它干完所有，不需要性能的视图混合dom代码。

flutter用什么软件（国内flutter应用）

vscode flutter 环境搭建

环境准备阶段：
android-studio 版本：android-studio-ide-191.5977832-windows.exe 3.5.2
flutter版本：stable 版本（完成系统环境变量 path配置）
dart版本：2.12.0 （完成系统环境变量 path配置）
完成相关软件安装。
配置flutter相关SDK及andriod studio路径：
flutter config --android-sdk="C:\Users\Administrator\AppData\Local\Android\Sdk"
flutter config --android-studio-dir="D:\Program Files\Android\Android Studio"
执行flutter doctor运行成功。

夜神模拟器地址：D:\Program Files\Nox\bin （完成系统环境变量 path配置）
andriod SDK tools：C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools （完成系统环境变量 path配置）
nox_adb.exe connect 127.0.0.1:62001
dart SDK:D:\software\dartsdk-windows-x64-release\dart-sdk\bin

将C:\Users\Administrator\AppData\Local\Android\Sdk\platform-tools 下面adb.exe 复制至D:\Program Files\Nox\bin覆盖
adb.exe，此外重新复制adb.exe命名为nox_adb.exe，替换原有的nox_adb.exe。
cdm 输入nox_adb version 及adb version发现版本一致。

启动野神模拟器，输入adb devices发现虚拟设备，执行flutter devices发现 127.0.0.1:62001 设备。

修改C:\learn_flutter\first_flutter\android\gradle\wrapper\gradle-wrapper.properties
distributionUrl= https://downloads.gradle-dn.com/distributions/gradle-6.7-all.zip

修改C:\learn_flutter\first_flutter\android\build.gradle
buildscript {
ext.kotlin_version = '1.3.50'
repositories {
// google()
// jcenter()
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' }
}

}

allprojects {
repositories {
// google()
// jcenter()
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' }
}
}

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\flutter.gradle
buildscript {
repositories {
// google()
// jcenter()
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' }
}
dependencies {
classpath 'com.android.tools.build:gradle:4.1.0'
}
}

//private static final String DEFAULT_MAVEN_HOST = " https://storage.googleapis.com ";
private static final String DEFAULT_MAVEN_HOST = " https://storage.flutter-io-/download.flutter.io ";

修改：C:\win-flutter\flutter\packages\flutter_tools\gradle\resolve_dependencies.gradle
repositories {
google()
jcenter()
maven {
//url "$storageUrl/download.flutter.io"
url " http://download.flutter.io "
}
}
执行 flutter run启动成功。
环境搭建坑点在于JDK兼容问题以及网络问题。

Flutter实现堆叠式卡轮播效果

在本博客中，我们将探讨Flutter中的堆叠式卡轮播。我们还将实现一个演示程序，并学习在您的flutter应用程序中使用 stacked_card_carousel 包创建一个带有垂直轮播的堆叠卡。

用于创建带有堆叠卡片的垂直轮播的小部件。下面的演示视频显示了如何在Flutter中创建带有垂直旋转木马的堆叠卡。它显示了在您的flutter应用程序中如何使用stacked_card_carousel软件包来使用堆叠式卡轮播。它显示了垂直圆盘传送带滑动卡的列表，所有卡向上滑动并堆叠，称为堆叠式卡传送带。它会显示在您的设备上。

堆叠式卡轮播的一些属性是：

在lib文件夹中创建一个名为style_card.dart的新dart文件。
首先，我们创建StyleCard类，将在后续的DEMO中调用它

我们将制作一个 card 控件. 在card控件中, 我们加入一个elevation 属性和一个column控件。在column中, 我们加入一个container用于包含image, title 和 description. 然后在stacked_card_demo页面中使用它。

在lib文件夹中创建一个新的名为stacked_card_demo.dart的dart文件。

现在，我们将创建一个styleCards列表，并在其中添加一个StyleCard类。

我们创建了八个卡片控件，并在其中添加了image，title和description。程序运行后，我们将看到一个卡片列表，当用户向上滑动时，所有卡片都将堆叠在一起；当用户向下滑动时，卡片都将回到原始位置；
效果如下：

Demo地址： https://github.com/flutter-devs/flutter_stacked_card_carousel_demo

为什么除了Flutter之外，我们还需要另一个跨平台开发框架？

不久前，谷歌正式推出 Jetpack Compose 1.0 版本。近日，JetBrains 在此基础上发布了 Compose Multiplatform Alpha 版本，旨在将 Compose 扩展到桌面和 Web 端。

Compose Multiplatform 由 Compose for Desktop 和 Compose for Web 组成，通过 Kotlin Multiplatform 支持许多不同的平台。其中，Compose Desktop 采用 Google 的 Skia 图形库，来实现在 Windows、macOS 和 Linux 上的 UI 绘制，借此在所有支持的操作系统中提供统一的体验，类似于 Flutter 的做法。

根据 Kotlin 团队的说法，相比起 Electron 框架，Compose Multiplatform 在内存消耗、安装大小和 UI 渲染性能等方面将有更明显的优势。随着 Alpha 版本的发布，Compose Multiplatform 还收获了新的 Android Studio 插件，包括对在 IDE 中显示组件预览的支持以及许多附加功能。

我们希望通过本文帮助大家进一步了解 Compose 的跨平台能力，以及 JetBrains 将 Compose 从 Android 扩展到这些其他平台背后的主要驱动力是什么。

基于 Jetpack Compose 1.0

由谷歌打造的 Jetpack Compose 是一款用于在 Android 应用程序之内构建用户界面的官方框架，上周刚刚发布 1.0 版本。与此同时，Android Studio 代号“极狐”的首个稳定版 2020.3.1 也正式亮相。

尽管才刚迎来 1.0，但谷歌表示“目前 Play Store 中已经有超过 2000 款应用程序在使用 Compose——更重要的是，就连 Play Store 这款应用本身也在使用 Compose。”谷歌方面还表示，“我们一直在与一些顶级应用的开发人员进行合作，他们的反馈和支持帮助我们使 1.0 版本更加强大。”

Jetpack Compose for Android 迎来 1.0 版本

Compose 基于 Kotlin 开发，而 Kotlin 与 Android Studio（即官方指定的 Android IDE）均来自开发工具厂商 JetBrains。虽然 Jetpack Compose 专为 Android 打造（与谷歌的 Flutter 框架不同），但 JetBrains 公司坚信 Compose 完全能够获得跨平台能力。

Compose for Desktop: 这只是开始

Compose Multiplatform 可以说是该框架面向 MacOS、Linux、Windows 以及 Web 开设的一个端口，目前刚刚发布 1.0 Alpha 版本。虽然尚处于早期开发阶段，但 JetBrains 表示，其已经“为开发人员带来能够基本安全使用的稳定 API”。

TheRegister 就此事询问了 JetBrains 公司 Compose 项目负责人 Nikolay Igotti，希望了解为什么该公司在拥有了已经广泛应用于 IntelliJ IDEA IDE 及多种丰富变体的桌面应用程序跨平台 Java 框架之外，还要费力开发 Compose for Desktop。Igotti 的回答是，“旧有 Java 框架基本上就是修改版的 Swing。Swing 属于默认 JDK UI 框架，Swing 和 AWT（Abstract Windows Toolkit，抽象窗口工具包）。Compose 则完全是另一码事，当然我们也在设计中考虑到了互操作性需求……Swing 这套框架太陈旧了，最早出现在上世纪九十年代末。多年来人们对于 UI 的设计思路已经天翻地覆，Swing 显然满足不了要求了。”

JetBrains IDE 中的 Compose for Desktop 项目

Compose 与 Swing 有一个比较大的共同点：与其他使用本机控件的跨平台框架，比如例如 Java 的 SWT（Standard Widget Toolkit）以及微软的 Xamarin 有所不同，它们选择自主绘制控件。Compose 使用的 Skia 开源图形库，也在谷歌 Chrome、Flutter 及其他众多框架当中得到广泛应用。那这是否意味着 Compose 应用程序将没有自己的原生外观？对此，Igotti 的回应是，“这取决于开发人员的选择，取决于他们如何为应用程序设置主题。在这方面，Compose 的情况与 Flutter 等其他框架没什么区别。”

那 Compose for Desktop 应用程序是否依赖于 JVM（Java Virtual Machine）运行？Igotti 表示，“我们也知道，JVM 应用程序的发布情况可能比较棘手。因此我们提供自己的 Gradle 插件，其使用 jpackage 与 Jlink 以 JVM 应用程序为基础制作原生应用程序。Mac 的.dmg、Windows 的 MSI、Linux 的 deb 包等均可实现，大家用不着担心 JVM。”

也就是说，开发成果将会是一款被精心包裹起来的 JVM 应用程序。JetBrains 还有一款用于解决这个问题的 Kotlin/Native 编译器，“预计将在未来发布，或者专门用于桌面开发。”

对应用程序的另一种思考方式

那 Web 应用程序方面呢？Igotti 回应称，“我们使用 Kotlin/JS 编译器。”Compose 的 Web 版本不如桌面版先进，说明文档中也警告称“API 尚未最终确定，预计会发生重大变化。”此外，虽然 Web 版本确实使用 Compose 模型，但 API 却完全不同，而且会使用 HTML 与 CSS。所以，Web 版与 Compose for Desktop 之间能够共享的代码应该比较少。

据 Igotti 介绍，“Compose 代表着一种不同的应用程序思考方式。状态即 UI 的真实来源，而 UI 本身是无状态的，其表达永远由状态计算得出。在这方面，Compose for Web 采用一组相同的原语，完全相同的状态管理思路。但是对于具体的小部件集合与排列方式，Web 版与桌面版之间确实无法互通。”

说到这里，为什么要把 Compose for Android 扩展到多种其他平台之上？“Compose 的目标受众主要分为三类。首先是使用 Kotlin 与 Compose 的 Android 开发人员，他们希望把自己的开发成果交付至其他平台；其二是纯 Kotlin 开发人员，他们希望以‘一次编写、随处运行’的方式开发新的应用程序；第三则是那些不太熟悉 Kotlin 或者 Compose，但又希望开发出精美 UI 的用户，我们希望能为他们提供实现目标的工具。”

Igotti 并没有给出具体的发布日期，但表示自己希望 Beta 版能在今年秋天发布，“我们也希望能在今年之内推出 1.0 版本。”项目本身是完全开源的，“二十一世纪了，框架在大多数人们心目中就不应该收费。我们只是想开发一款长期缺失的软件”，补足 JetBrains 当前商业模式中的工具链。

那么，JetBrains 会在自己的其他工具中使用 Compose 吗？事实上，他们的 JetBrains Toolbox（用于管理已安装的 IDE）已经在使用 Compose，但 Igotti 表示短时间内 Compose 还无法取代 IntelliJ IDEA 等现有框架。“编辑器是其中最复杂也最重要的组件，经历了 20 年的发展演进，我们几乎不可能在中途进行重写了。无论是 JetBrains 还是我个人，都不打算强迫每个人都转而使用 Compose。我们的目标是为原有框架选项满足不了的用户提供新的解决方案。”

写在最后

那么，为什么除了 Flutter 之外，我们还需要另一个跨平台框架？虽然谷歌的 Flutter 最开始主要面向移动设备，但现在也开始向桌面及 iOS 进军，甚至比 Compose 还抢先了一步。不过，根据 StackOverflow 的最新调查， Flutter 使用的语言为 Dart；尽管 Dart 语言的人气正在增长（正是受到 Flutter 的推动），但仍然无法与 Kotlin 相提并论。

Compose 代表着一种独特的 UI 构建方法，也许最期待 Compose 跨平台功能的受众，正是那些曾在 Android 上使用过它、又特别喜欢这种 UI 构建体验的开发者。

想要进一步了解 Compose，国内 Android 开发者可访问以下链接查看中文手册： https://compose--/

暂时没有评论，来抢沙发吧~

flutter用什么软件（国内flutter应用）

目前编写一款简单的手机应用APP一般用什么编程语言？

vscode flutter 环境搭建

Flutter实现堆叠式卡轮播效果

为什么除了Flutter之外，我们还需要另一个跨平台开发框架？

最近发表

更多内容

推荐文章

解决方案

热评文章