为了账号安全,请及时绑定邮箱和手机立即绑定

Flutter入门与案例实战

技术胖 Web前端工程师
难度入门
时长 2小时32分
学习人数
综合评分9.13
21人评价 查看评价
8.8 内容实用
9.0 简洁易懂
9.6 逻辑清晰
  • 图片链接给大家贴一下,给后面学的方便:


    http://img5.mtime.cn/mt/2018/10/22/104316.77318635_180X260X4.jpg

    http://img5.mtime.cn/mt/2018/10/10/112514.30587089_180X260X4.jpg

    http://img5.mtime.cn/mt/2018/11/13/093605.61422332_180X260X4.jpg

    http://img5.mtime.cn/mt/2018/11/07/092515.55805319_180X260X4.jpg

    http://img5.mtime.cn/mt/2018/11/21/090246.16772408_135X190X4.jpg

    http://img5.mtime.cn/mt/2018/11/17/162028.94879602_135X190X4.jpg


    查看全部
  • jdk安装地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html


    flutter sdk地址:

    https://flutter.io/docs/development/tools/sdk/archive#windows


    安装完成后需要配置环境变量,把下载的文件直接解压到一个文件夹里面即可,把路径配置到环境变量的path里面


    flutter doctor  

    查看全部
  • 图片地址拿走不谢。。。>_<

    children: <Widget>[
      new Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/03/29/095612.14234221_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/01/170857.92282290_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/16/103242.17522323_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/04/092846.29725044_1280X720X2.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/01/31/100731.93352385_1280X720X2.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/15/095157.26388695_1280X720X2.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit: BoxFit.cover,),
      new Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit: BoxFit.cover,),
    ],


    查看全部
  • 这个基本语法....

    搜什么关键词能了解这部分知识啊,看到这一步有点懵

    查看全部
  • 第三方组件:https://github.com/Solido/awesome-flutter

    查看全部
  • 1、StatelessWidget与StatefulWidget的区别:后者用于动态的组件比如进度条,前者用于静态的,后者比前者使用的偏多

    2、Flutter upgrate命令更新Fluter SDK

    3、vscode常用控制虚拟机的快捷键:R P O Q

    spacer.gifhttps://img1.sycdn.imooc.com//5c61396e00010ab407710302.jpg

    查看全部
  • flutter doctor --android-licenses

    查看全部
  • 升级FlutterSDK

    终端输入flutter upgrade或者删除sdk重新下载


    material.dart 基础样式


    StatelessWidget与StatefulWidget:后者用于动态的组件比如进度条,前者用于静态的,后者比前者使用的偏多


    R:点击后热加载,直接查看预览效果

    P:在虚拟机中显示网格,工作中经常使用

    O:切换Android和IOS的预览模式

    Q:退出调试预览模式

    查看全部
  • Flutter SDK下载地址:https://flutter.io/sdk-archive/

    查看全部
  • Image图片组件的使用

    • Image Widget的几种加入形式

    1. Image.asset:加载资源图片,会使打包时包体过大

    2. Image.network:网络资源图片,经常换的或者动态的图片

    3. Image.file:本地图片,比如相机照相后的图片预览

    4. Image.memory:加载到内存中的图片,Uint8List

    • Fit属性的详细讲解,(相当于小程序的mode)

    1. fit: BoxFit.(),
    • 图片的混合模式

    1. colorBlendMode: BlendMode.color
    • Repeat属性让图片重复

    1. repeat: ImageRepeat.(),
    查看全部
  • ListView列表组件

    ListTile列表瓦片

    查看全部
  • ImageWidget属性:

    scale    缩放(值越大,图片越小)

    fit        显示属性(拉伸、填充、宽|高对齐)

    colorBlendMode    叠加模式

    repeat    重复


    查看全部
  • casasas

    查看全部
  • 熟悉代码:


    升级FlutterSDK

    终端输入flutter upgrade或者删除sdk重新下载


    material.dart 基础样式


    StatelessWidget与StatefulWidget:

    StatefulWidget用于动态的组件比如进度条,

    StatelessWidget用于静态的,后者比前者使用的偏多


    R:点击后热加载,直接查看预览效果

    P:在虚拟机中显示网格,工作中经常使用

    O:切换Android和IOS的预览模式

    Q:退出调试预览模式

    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
需要有Dart语言基础和VSCode基础
老师告诉你能学到什么?
1.Flutter和主流前端框架的对比 2.使用VSCode搭建Flutter开发环境 3.Flutter创建命令讲解 4.虚拟机的开启和基本使用 5.TextWidget文本组件的使用 6.Container容器组件的使用 7.Image图片组件的使用 8.ListView ,GridView列表组件使用 9.最新电影展示页面制作

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!