flutter_flutterjsonbeanfactory - CSDN
flutter 订阅
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。 展开全文
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。
信息
推出时间
2015年5月3日 [2]
外文名
Flutter [1]
Flutter框架概况
Flutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台 [3]  。Flutter 可以方便的加入现有的工程中。在全世界,Flutter 正在被越来越多的开发者和组织使用,并且 Flutter是完全免费、开源的。它也是构建未来的 Google Fuchsia 应用的主要方式。Flutter 组件采用现代响应式框架构建,这是从React中获得的灵感,中心思想是用组件(widget)构建你的UI。 组件描述了在给定其当前配置和状态时他们显示的样子。当组件状态改变,组件会重构它的描述(description),Flutter 会对比之前的描述, 以确定底层渲染树从当前状态转换到下一个状态所需要的最小更改。
收起全文
精华内容
参与话题
  • 从简到难,从浅入深,逐步带领大家了解Flutter,熟悉Flutter的组成部分,并且带领大家学习如何使用Flutter实现UI功能编写。通过对本视频的学习,你将会掌握Flutter常用组件和常用布局构建复杂布局、Flutter路由导航...
  • 谷歌——Flutter

    千次阅读 2018-08-10 08:47:51
    Flutter——谷歌开源的跨平台UI开发框架 Fluter特性介绍 Flutter官网介绍如下: Flutter is Google’s mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. ...

    Flutter——谷歌开源的跨平台UI开发框架

    Fluter特性介绍

    Flutter官网介绍如下:

    Flutter is Google’s mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source.

    这个说明告诉我们:Flutter是一款UI框架,可以制作跨平台(Android、IOS)的,高速的本地界面(不是H5)。Flutter可以跟现有的代码一起工作,并且可以被世界各地开发者使用,因为他是免费的、开源的! 

    学习这个跨平台的UI框架,也许有一天你能成为一个Android、IOS双端开发者,或者成为谷歌新系统Fuchsia开发者!不管怎么样,会让你的技能池更加丰富,让你变的更强大!

    拥抱变化,才能把握机会!不学习就落后,落后就挨打!


    我们已经知道Flutter是什么了,那么它有哪些特点呢? 它能做什么呢?

    • Fast development(快速开发)

    Flutter’s hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times, without losing state, on emulators, simulators, and hardware for iOS and Android.

    Flutter的热加载可以帮助你快速简单的尝试,构建UI,添加功能或者快速的修复BUG。你可以在任何具备IOS或Android的硬件的模拟器上体验不要一秒的重载时间,并且不会丢失任何状态! 
    这里写图片描述

    • Expressive, beautiful UIs(漂亮的UI)

    Delight your users with Flutter’s built-in beautiful Material Design and Cupertino (iOS-flavor) widgets, rich motion APIs, smooth natural scrolling, and platform awareness.

    你的用户会感到高兴,因为Flutter内置的Material Design设计和Cupertino (iOS-flavor)控件,拥有丰富的api,能平滑滚动,并能保留了平台的特性

    这里写图片描述 这里写图片描述

     

    •  
    • Modern, reactive framework(时髦而高效) 

     

    Easily compose your UI with Flutter’s modern reactive framework and rich set of platform, layout, and foundation widgets. Solve your tough UI challenges with powerful and flexible APIs for 2D, animation, gestures, effects, and more. 
    Flutter是个时髦而高效的UI框架,它有丰富的平台特性,布局,基础控件。它的2D,动画,手势,感应等强大的API,灵活使用,能解决你头疼的UI问题!

    
     
    1. //官方示例代码

    2. class CounterState extends State<Counter> {

    3. int counter = 0;

    4.  
    5. void increment() {

    6. // Tells the Flutter framework that state has changed,

    7. // so the framework can run build() and update the display.

    8. setState(() {

    9. counter++;

    10. });

    11. }

    12.  
    13. Widget build(BuildContext context) {

    14. // This method is rerun every time setState is called.

    15. // The Flutter framework has been optimized to make rerunning

    16. // build methods fast, so that you can just rebuild anything that

    17. // needs updating rather than having to individually change

    18. // instances of widgets.

    19. return new Row(

    20. children: <Widget>[

    21. new RaisedButton(

    22. onPressed: increment,

    23. child: new Text('Increment'),

    24. ),

    25. new Text('Count: $counter'),

    26. ],

    27. );

    28. }

    29. }

    • Unified app development

    Flutter has the tools and libraries to help you easily bring your ideas to life on iOS and Android. If you don’t have any mobile development experience, Flutter is an easy and fast way to build beautiful mobile apps. If you are an experienced iOS or Android developer, you can use Flutter for your views and leverage much of your existing Java/ObjC/Swift investment.

    Flutter 的工具和库,可以帮助你在IOS和Android上轻松实现生活上的想法。如果你没有任何移动开发经验,你可以学习Flutter来简单、快捷的构建漂亮的移动端应用程序。如果你是一个有经验的iOS和Android开发人员,您可以使用Flutter利用你现有的代码(Java,ObJC、Swift)进行开发!

    很厉害!为了让你好好使用这个框架,谷歌兼容了你现有的代码 

    想详细了解Flutter的特性你可以去官网逛逛 

    看了Fluter的特性之后,你是否对Flutter已经感兴趣?是否跃跃欲试!是的话请您继续看,我们开始配置环境!


    Fluter环境配置

    1、系统配置

    • Windows 7 及以上并且 64位
    • 除了Android Studio占用的空间,硬盘剩余空间必须大于40MB
    • Flutter依赖命令行工具,所以你必须有GIT环境,并且有GIT命令面板可以使用

    2、获取Flutter SDK

    打开你的GIT命令面板,输入:

    git clone -b beta https://github.com/flutter/flutter.git
    • 1

    通过镜像获取SDK 
    获取成功之后,需要配置环境变量,只需要把flutter\bin 加入到path路径当中即可(请复制完整的路径) 
    然后在CMD命令中输入

    flutter doctor
    • 1

    检查你的依赖是否已经下载成功。

    • 这个命令不能在第三方的命令控制面板(shell)比如GIT上输入,请使用电脑自带的CMD面板

    • 如果显示命令不存在,则说明环境没配置成功,需要重新配置或者重启计算机

    • 如果现实出错,别放弃,多试几次

    成功之后相关的依赖应该已经下载成功,环境配置也基本成功。Flutter支持的Android最低版本的手机是4.1,你也可通过命令查看手机是否支持

    3、设置你的手机

    • 打开手机的开发者模式,开启USB调试功能,把手机跟电脑连接

    • 输入在命令板上输入

    flutter devices
    • 1

    即可查看手机相关信息,即代表手机支持。

    • 模拟器也可以用这个命令,但是需要注意的是谷歌推荐 x86 或者 x86_64

    其实环境很好配置,下载flutter的SDK,然后加入到环境变量中即可

    以上操作已经完成,我们可以设置我们的IDE了

    设置Flutter IDE

    • 1、下载Android Studio 3.0或者更高版本,当然你也可以使用 IntelliJ:

      • IntelliJ IDEA Community, version 2017.1 or later. 
        IntelliJ IDEA Ultimate, version 2017.1 or later.
    • 下载Flutter 和Dart插件

    Flutter用于开发者的工作,比如编译调试等。Dart用于编码,解析 
    下载步骤:(1)打开Android Stsudio (2)打开插件设置(Preferences>Plugins) (3)选择Browse repositories,然后选择Flutter,点击下载(4)提示下载Dart的时候选择Yes(5)重启IDE

    Hellord

    创建一个新的Flutter的应用,运行,并学习如何用热重载进行更改。

    • 选择File>New Flutter Project
    • 选择项目类型为Fluter应用,下一步
    • 输入项目名称,并下一步
    • 点击finish
    • 等待Android Studio下载SDK,并创建项目

    * 一般创建的app是使用的Material组建*

    **在你的项目中,你的app的代码是lib/main.dart

    看看AndroidStudio的toolbar 
    看看AndroidStudio的toolbar,可以选择手机版本,手机型号,然后点击run,就可以把项目运行到手机上了

    然后可以试试Flutter的热重载能力:

    • 改变字符:
    
     
    1. 'You have pushed the button this many times:' to

    2. 'You have clicked the button this many times:'

    • 1
    • 2
    • 不要点击Stop,让你的app继续运行
    • 然后点击 Save All (cmd-s / ctrl-s),或者点击Reload按钮我们立刻就可以看到内容改变,非常方便高效

    基于以上,我们已经了解了Flutter是什么,它的特性,以及环境配置和简单的尝试

    下一次内容我们会分享如何构建一个Flutter APP

    当然你也可以访问官网查看学习资料进行学习:官网

    展开全文
  • 为大家学习Flutter,阿里操碎了心

    万次阅读 多人点赞 2019-02-17 00:35:32
    本文转载自公众号 鸿洋国内在实践Flutter以及对外分享方面,闲鱼可以说一直位于前列,不断输出了非常多的实践类文章,例如大家可以在羽雀的网站看到他们对外的Flutte...
        

    本文转载自公众号  鸿洋


    国内在实践Flutter以及对外分享方面,闲鱼可以说一直位于前列,不断输出了非常多的实践类文章,例如大家可以在羽雀的网站看到他们对外的Flutter技术文章:


    https://www.yuque.com/xytech/flutter


    640?wx_fmt=png


    此外,最近在逛github时,又发现了一个非常良心的项目,然后我就顺手装了一下apk。


    可以说真的为大家学习Flutter操碎了心:

    https://github.com/alibaba/flutter-go


    打开app的介绍:


    由“阿里拍卖”前端团队几位Flutter粉丝,用业余时间开发的一款,用于Flutter教学帮助的App,这里没有高大尚的概念,只有一个一个亲身经历的尝试,用最直观的方式展示Flutter官方Demo.


    大家都了解,学习Flutter一方面是新增Widget非常多,看几篇入门例子,可以牵扯出几十个没见过的Widget:


    640?wx_fmt=jpeg


    就像这样,这是我在看入门的几篇文章时,简单画的UML图,把一些陌生的类都标识出来。


    每个Widget所支持的属性都想搞明白还是比较费力的,刚好这个开源项目,就包含这样一个特点:


    • 详解常用的Widget多大140+个

    • 持续迭代追新官方版本(我说这几位大哥,你们可别离职了...)

    • 配套Demo详解Widget用法

    • 一站式搞定所有常用的Widget


    切换到组件Tab,就可以看到Widget的大类了:


    640?wx_fmt=png


    640?wx_fmt=png


    例如,我想看看Flutter的Tab说明与用法:


    640?wx_fmt=png


    下面展示的不是图,而是真正的组件用法,是可以交互的,也就是说,你可以在开源项目中找到其源码示例。


    例如,如果大家运行过Flutter的第一个demo,那么一定知道Scaffold这个类,这个类中属性可不少:


    640?wx_fmt=png


    好了,还有一个非常赞的功能:


    就是业界出现过非常多的Flutter的教程,例如我的老朋友张风捷特烈就写过一个系列,这个app还收集了大部分在网络上的Flutter文章:


    640?wx_fmt=png


    滑了半天才滑完,数量非常多...我要思考下要不要抓个包,也收录一波去wanandroid.com,供大家在PC端查看...


    好了,因为是开源项目,而且是团队形式对外的,所以一般情况下迭代已经对于issue的维护都比较好,大家有什么建议也可以直接以issue方式提供给开发团队。


    640?wx_fmt=png


    最后,真心感谢这类对外的分享,着实能为广大开发者省下不少时间!


    https://github.com/alibaba/flutter-go


    项目首页就有Android包下载地址。


    另外大家也可以复制这个链接到浏览器体验:

    http://www.wanandroid.com/blogimgs/927cbde1-6f10-4ff4-986c-446f35e13d63.apk


    此外,有些作者定了非常完善的学习规划,并且将产物在github上以仓库形式对外的,可以联系我,很乐意分享给大家!




    喜欢本文的朋友们,欢迎长按下图关注订阅号程序员小灰,收看更多精彩内容


    640?wx_fmt=jpeg

    展开全文
  • flutter基础教程

    万人学习 2020-05-08 15:32:59
    Flutter基础入门视频教程,Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。通过这门课程的学习使得大家掌握使用flutter来编写跨平台移动客户端应用。
  • * flutter 中 Scaffold 使用精讲* flutter 中 Text 使用精讲* flutter 中 TextField 使用精讲* flutter 中 button 使用精讲* flutter 中 Row 使用精讲* flutter 中 Column 使用精讲* flutter 中 ...
  • 最近项目需要开始研究,Flutter 混合开发。因为Flutter 更新速度都比较快,所以在学习的时候总是找不到最新的资料在学习解决。废话不多说,直接上图教程 开发环境:Windows 10 开发工具:Android Studio 4.0 ...

    最近项目需要开始研究,Flutter 混合开发。因为Flutter 更新速度都比较快,所以在学习的时候总是找不到最新的资料在学习解决。废话不多说,直接上图教程

     

    开发环境:Windows 10        开发工具:Android Studio 4.0        Flutter SDK: 1.17.3

     

    1.第一步当然是先创建个Flutter Module 啦。

    (如果Android Studio 还没装 Flutter 和 Dart 插件的 先安装插件)

     

    2.这里只演示的案例就直接开始打包了  

    (Build -- > Flutter -- >  Build AAR)如图

     

    接下来就是等打包完成啦。当出现  Process finished with exit code 0  就代表打包成功啦。打包后,其实下面也已经有教程了

    打包完成 一般就是 在项目中的 build 文件路径下啦 ,一下代码都很有 复制的意义的。(写代码的灵魂在于复制粘贴,哈哈)

    (这里有可能会出现打包失败的,有可能是翻墙的问题,翻墙打包即可)

     

    3.第三步,创建一个Android 原生项目

    (或者你已经有了,这里举例就当做没有哈)

     

    4.第四步在项目下的 build.gradle 下将 部分代码复制粘贴到 repositories 中,如图

     

     

    5.第五步在项目app 下的 build.gradle 中去添加 代码 如图

    (添加完记得同步一下)

     

    6.第六步 在我们的项目中添加个代码,看看能不能加载出 Flutter aar 中的代码

    (我这里只是简单的加了个按钮,跳转到Flutter 中去。)

     

    记得在清单文件中去添加注册 FlutterActivity 不然会报错的 如图

    <activity
        android:name="io.flutter.embedding.android.FlutterActivity"
        android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
        android:hardwareAccelerated="true"
        android:theme="@style/AppTheme"
        android:windowSoftInputMode="adjustResize" />
    <meta-data
        android:name="flutterEmbedding"
        android:value="2" />

     

    到这里dia就算完成啦 跑起来看看

     

     

    完美跑起来。好啦到这就介绍结束了,如果对您有帮助记得打赏一点哦!

     

     

    展开全文
  • Android原生项目集成flutter项目混合开发 方案挑选: 目前主要有两种集成方式: 1、源码集成:就是谷歌官方提供的方案( https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps ) 2、 产物集成: ...

    Android原生项目集成flutter项目混合开发

    方案挑选:

    目前主要有两种集成方式:

    1、源码集成:就是谷歌官方提供的方案( https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps )

    2、 产物集成: Flutter项目单独开发,开发完成后发布成安卓以aar包,iOS的framework形式,原生项目依赖flutter输出的制品就可以了,具体可以看闲鱼的文章,他们就是这么干的,借用网上的一张图

    两种方案各有优劣,鉴于我们项目参与人数众多,如果采用源码集成的方式,所有人都得配相应的环境和了解相关的知识,显然成本较高,所有我们选择了第二种方式,专门几个人去做flutter项目然后以AAR包的方式集成到项目中来

    这篇文章里我两种都尝试一下,当然我是安卓这边的尝试

    方式一、源码集成的方式,项目里直接引入flutter module

    直接从AS的图形界面导入已经新建的flutter module尝试失败

    这样导入flutter module失败

    正确打开方式:

    1、使用Android Studio来创建Flutter Module(放在原生的同级目录)

    1、 依次点击左上角的File --> New --> New Flutter Project

    2、然后选择Flutter Module。

    如图:

    2、在项目的根目录settings.gradle文件中配置:

    include ':app'
    include ':flutter_module'
    setBinding(new Binding([gradle: this]))
    evaluate(new File(        
        settingsDir.parentFile,        
        '主项目名称/flutter_module名称/.android/include_flutter.groovy'))
    

    关于这个配置,new File(settingsDir.parentFile,‘my_flutter/.android/include_flutter.groovy’ ) 解读下这句话的意思就是指定 include_flutter.groovy 的所在位置。这里的意思是在 settings 文件所在目录(settingsDir)的父目录有个文件(settingsDir.parentFile)my_flutter/.android/include_flutter.groovy。看下下面的文件放置位置图就清楚了:

    所以官网在跟项目同级创建 flutter module 是没问题的。但是我们现在改了,应该怎样设置呢?

    Tips:注意相对路径的使用,重点是找到 include_flutter.groovy

    解法一:

    include ':app'
    setBinding(new Binding([gradle: this]))         
    evaluate(new File(                                        
            settingsDir,                                  
            'sub/my_flutter/.android/include_flutter.groovy'    
    ))                                                                     
    
    

    在 settings 所在目录有 sub/my_flutter/.android/include_flutter.groovy 文件
    解法二:

    include ':app'
    setBinding(new Binding([gradle: this]))        
    evaluate(new File(                                          
            settingsDir.parentFile,                                   
            'MyApp/sub/my_flutter/.android/include_flutter.groovy'   
    ))                                                                     
    
    

    在 settings 所在目录的父目录有 MyApp/sub/my_flutter/.android/include_flutter.groovy 文件
    这里我用了第二种方案
    参考:https://juejin.im/post/5c67d4326fb9a04a0b22b627
    3、在app下的gradle文件中添加

     implementation project(':flutter') 
    

    完成这三步就顺利完成在原生项目中集成flutter module了

    安卓原生界面跳转到flutter界面有两种方式,一种是使用flutterView,另一种是使用 FlutterFragment ,这里我选择了前者

    先新建一个activity,FlutterViewActivty(随意命名),在oncreate方法中加入以下代码

      private fun initView() {
            val flutterView: View = Flutter.createView(this, lifecycle, "flutter Route1")
            val layoutParams = FrameLayout.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)
            addContentView(flutterView, layoutParams)
        }
    

    Flutter.createView()方法返回的是一个FlutterView,它继承自View,我们可以把它当做一个普通的View,调用addContentView()方法将这个View添加到Activity的contentView中。我们注意到Flutter.createView()方法的第三个参数传入了"flutter Route1"字符串,表示路由名称,它确定了Flutter中要显示的Widget,接下来需要在之前创建好的Flutter Module中编写逻辑了,修改main.dart文件中的代码
    ``

    Widget _widgetForRoute(String route) {
      switch (route) {
        case "flutter Route1":
          return Scaffold(
            appBar: AppBar(
              title: Text("test native"),
            ),
            body: Center(
              child: Text('flutter 页面,route=$route'),
            ),
          );
        default:
          return Center(
            child: Text('Unknown route: $route', textDirection: TextDirection.ltr),
          );
      }
    }
    

    在runApp()方法中通过window.defaultRouteName可以获取到我们在Flutter.createView()方法中传入的路由名称,即"flutter Route1",之后编写了一个_widgetForRoute()方法,根据传入的route字符串显示相应的Widget。

    最后在Mainacivity中加入跳转事件

    switch (v.getId()) {
                case R.id.btn_flutter:
                    Intent intent = new Intent(MainActivity.this, FlutterViewActivity.class);
                    startActivity(intent);
                    break;
            }
    

    大功告成!!

    但是发现原生的标题栏还在,在style中加入透明标题栏样式

    <style name="FlutterTheme" parent="AppTheme.NoActionBar">
            <item name="android:windowTranslucentStatus">true</item>
        </style>
    

    顺利完成,如图,点击跳转的时候会有黑屏一下的现象,不过没事,这是debug情况才会有的,debug有一些调试的预加载,打了release包之后就没有这个现象了

    方案二、AAR方式集成

    1、Android 原工程需要使用 java 8 编译

    在 工程的 build.gradle 里面,android {} 下修改

    android {
      //...
      compileOptions {
        sourceCompatibility 1.8
        targetCompatibility 1.8
      }
    }
    

    2、生成 aar 文件

    通过集成 arr 的方式需要先生成 Flutter Module 的 arr,在 Flutter Module 的根目录下运行以下命令

    flutter build aar
    

    3、使用 aar

    主工程的 build.gradle repositories 闭包 里面加入

      flatDir {
                dirs 'libs'   // aar目录
            }
    

    然后把AAR包复制到libs目录下面, app 的 build.gradle 里面添加依赖

    implementation (name:'flutter-release-old',ext:'aar')
    

    跳转的代码和方式一一样不用动,编译运行之后成功

    参考:
    https://www.jianshu.com/p/5ef007d83b34
    https://www.jianshu.com/p/7b6522e3e8f1

    展开全文
  • 原生Android集成Flutter混合开发

    千次阅读 2019-11-21 17:30:39
    原生Android和Flutter集成主要有两种方案: 1.源码集成:官方提供的源码集成方案 2.产物集成:Flutter 项目单独开发,开发完成后发布成 aar 包或者 iOS 的 framework 形式,原生项目依赖 Flutter 输出的文件即可。 3...
  • Flutter与原生混合开发实现过程

    千次阅读 2019-09-13 14:26:19
    本篇博客不讲原理,只讲实现方法,从0到1实现 Flutter 和原生的混合开发。将会新建一个 Android 原生项目,取名叫 AndroidDemo,然后新建一个 FlutterModule 项目,取名为 flutter_module,两个项目都放在 flutter_...
  • 最近学习了Flutter,写了个项目,想再写个Android原生版的,但是发现和Flutter的界面差距太大,而小弟又不想去改对应的控件了,于是想了一下,Flutter和Android原生混合开发也可以呀! 第一步:创建Flutter Module ...
  • 面试官:你有用过Flutter吗? Flutter架构是怎么样,为什么会比其他如ReactNative好心理分析:面试官所在的项目是用Flutter 开发的,或者正在转Flutter这种技术。如果你不会,面试官在第一眼会认为后面来应聘的人或许...
  • 2020我们为什么要掌握 Flutter

    千次阅读 2020-04-24 10:33:17
    移动开发技术手段从原始的原生应用开发,到 Google...不过这些方案或多或少都有一些局限性和缺点,于是 Google 推出了新的跨平台移动应用开发技术:Flutter。 为什么说 Flutter 将是未来的主流跨平台开发框架? Goog...
  • flutter的一些认识

    千次阅读 2018-06-04 16:57:18
    官方文档也大致看了两遍,写了几天的flutter,基本上对于flutter有了一些认识那么flutter 是什么:它是google的一套跨平台框架,使用dart语言,支持android,ios,貌似还支持html5,但html5 这块还没有去实践,就不...
  • 为什么说flutter是未来移动技术的发展趋势

    万次阅读 多人点赞 2018-07-02 21:16:11
    其实我也并不认为flutter一定是移动技术未来的发展趋势,但是可以确定的说,flutter的方向是没有问题的。即使它不会是成为下一个跨平台技术,也会有一个相似的技术来统治移动平台的发展.下面来阐述为什么flutter是一...
  • Flutter

    千次阅读 2020-01-14 17:51:27
    作为谷歌的开源移动UI框架,Flutter可以快速在iOS和Android上构建高质量的原生用户界面,2019年,Google I/O 大会宣布了 flutter 支持 web 开发。flutter 目前的目的就是全平台开发,一套代码同时运行在 iOS 、...
  • FLUTTER

    千次阅读 2019-07-22 14:05:32
    安装FLUTTER 官方教程: https://codelabs.flutter-io.cn/codelabs/first-flutter-app-pt1-cn/index.html#1 下载Flutter的SDK...
  • flutter 输入框组件TextField

    万次阅读 多人点赞 2019-11-14 19:24:24
    TextField 顾名思义文本输入框,类似于Ios中...相信大家在原生客户端上都用过这个功能,就不在做具体介绍了,接下来还是具体介绍下Flutter中TextField的用法。 TextField的构造方法: const TextField({ Key ...
  • flutter 屏幕适配 字体大小适配

    万次阅读 热门讨论 2020-07-25 12:14:35
    前言: 现在的手机品牌和型号越来越多,导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同, 比如我们的设计稿一个View的大小是300px,如果直接写300px,可能在当前设备显示...而flutter本身并没有适...
  • Kotlin vs Flutter,我到底应该怎么选?

    万次阅读 多人点赞 2020-01-17 08:05:15
    在移动应用开发方面,Kotlin和Flutter是目前比较火热的两门技术。其中,Kotlin是由Jetbrains研发,后被Google大力扶持,Flutter则是由Google自己独立研发的。从目前Google官方的态度来看,这两门技术都被无限看好,...
  • Flutter 入门

    万次阅读 多人点赞 2018-07-05 10:17:41
    原文:Getting Started with Flutter 作者:Joe Howard 译者:kmyhy 自从十多年前 iOS 和 Android 平台爆发性增长,移动开发界的目标就转向了跨平台开发。只需同时为 iOS 和 Android 编写一个 app 这一点能...
1 2 3 4 5 ... 20
收藏数 67,276
精华内容 26,910
关键字:

flutter