简介 目录 评价 推荐
  • UUU_Yun 2024-05-08

    快捷键https://img1.sycdn.imooc.com/663adae40001d3af06330410.jpg

    0赞 · 0采集
  • qq_慕瓜1434012 2024-03-20
    打卡,flutter听着还行
    1赞 · 1采集
  • weixin_慕姐1272368 2023-10-30
    看完Flutter,我想到了鸿蒙😃
    0赞 · 0采集
  • wowo3129 2022-07-05
    1.通过把每个组件写成一个wiget减少嵌套
    0赞 · 0采集
  • 慕移动4492480 2021-10-13

    Text widget代码练习

    0赞 · 0采集
  • 慕移动4492480 2021-10-12

    熟悉代码:


    升级FlutterSDK

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


    material.dart 基础样式


    StatelessWidget与StatefulWidget:

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

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


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

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

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

    Q:退出调试预览模式

    0赞 · 0采集
  • 慕移动4492480 2021-10-12

    VSCode打开命令行控制台  ctrl+~


    新建flutter项目:

    Flutter create demo001

    进入demo001下,运行项目flutter run


    Android Studio新建虚拟机,VSCode可以识别使用。

    0赞 · 0采集
  • 慕移动4492480 2021-10-12

    Java 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  

    0赞 · 0采集
  • 慕移动4492480 2021-10-12

    flutter 120fps超高性能(电影电视:24fps, 液晶显示器:60HZ, 游戏:80fps)

    fps:每秒传输帧数,每秒画面数

    第三方组件:https://github.com/Solido/awesome-flutter法国人总结的好用的组件。 

    开始使用flutter的大厂:Alibaba(咸鱼) Tencent JD

    效果https://itsallwidgets.com/

    前置知识 dart

    0赞 · 0采集
  • 慕移动4492480 2021-10-12

    Flutter是谷歌的移动UI框架,可以快速在IOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作,并且它是免费、开源的。

    特点:

    1、跨平台:Linux、Android、IOS、Fuchsia

    2、原生用户界面:它是原生的,让我们体验更好、性能更好

    3、开源免费:完全开源,可以进行商用

    与主流框架对比:

    Cordova:混合式开发框架(Hybrid App)

    RN(React Native):生成原生的APP,但以View为基础嵌入

    Flutter:在渲染技术上选择了自己实现(GDI)

    1赞 · 0采集
  • 慕移动4492480 2021-09-22

    Flutter快捷键

    0赞 · 0采集
  • 慕移动4492480 2021-09-18

    Lisiwidget3-image

    0赞 · 0采集
  • 慕移动4492480 2021-09-18

    Listwidget2-listile

    0赞 · 0采集
  • 慕移动4492480 2021-09-18

    Lisiwidget1

    0赞 · 0采集
  • 慕移动4492480 2021-09-18

    Imagewidget

    0赞 · 0采集
  • 慕移动4492480 2021-09-18

    Container2

    0赞 · 0采集
  • 慕移动4492480 2021-09-18

    Container1

    0赞 · 0采集
  • UFO2015 2021-09-07
    快捷键
    截图
    0赞 · 0采集
  • Millesimal 2021-06-11

    为什么Flutter120fps超高性能??

    0赞 · 0采集
  • 一只小马甲甲 2021-04-24

    flutter create 命令

    0赞 · 0采集
  • 哇哈哈6 2021-02-28

    开发环境搭建

    1 系统的要求

    http://img3.mukewang.com/603bab0a0001eb5d07400200.jpg

    2 JAVA环境安装

    http://img4.mukewang.com/603bab400001274507380213.jpg

    java jdk下载

    http://img.mukewang.com/603bab750001f0fd02170030.jpg

    http://img3.mukewang.com/603babc40001997406310485.jpg

    安装JRE:默认C盘即可

    检查java是否安装成功:Win+R > cmd > java

    3 Flutter SDK的安装(工具包)

    https://flutter.io/sdk-archive/#windows

    复制到想安装的目录 > 解压 

    http://img.mukewang.com/603bac2c0001ead807840056.jpg

    http://img4.mukewang.com/603bac340001ab4102780095.jpg

    /flutter/bin(复制)

    此电脑 > 邮件 > 属性 > 高级系统设置 > 系统变量 > 找到path > 新建放入路径

    检查:cmd > flutter

    http://img2.mukewang.com/603bac3e0001956104660073.jpg

    flutter doctor:检查开发环境哪些安装好哪些没安装好

    绿色:已安装

    红×:未安装好,需要安装好才能运行/开发flutter

    感叹号:需要进行处理的

    0赞 · 0采集
  • 哇哈哈6 2021-02-28

    http://img3.mukewang.com/603ba94700018e0710670389.jpg

    http://img3.mukewang.com/603ba97e000152eb09800334.jpg

    https://github.com/solido/awesome-flutter

    https://flutter.io

    http://img2.mukewang.com/603baa3c00011c9607320359.jpg

    0赞 · 0采集
  • lc_逃之夭夭 2021-01-28

    cordova html网页模式
    RN 原生APPview嵌入

    flutter 在渲染技术上,选择了自己实现

    截图
    1赞 · 0采集
  • 慕九州9197113 2020-11-15
    一切皆组件
    截图
    0赞 · 0采集
  • 剑起风尘 2020-08-25

    出现Android toolchain 失败的,检查下java JDK的版本,JDK8版本才能成功。JDK降到8以后,看下系统环境变量里JAVA_HOME的设置。改好之后,再运行 flutter doctor --android-licenses 就可以了。

    0赞 · 1采集
  • weixin_宝慕林6099406 2020-07-13

    传值  与  接收

    截图
    0赞 · 0采集
  • weixin_宝慕林6099406 2020-07-13

    image widget 的几种加入形式

    截图
    0赞 · 0采集
  • weixin_宝慕林6099406 2020-07-13
    导入样式 导出主程序 编写主程序
    截图
    0赞 · 0采集
  • weixin_宝慕林6099406 2020-07-13

    快捷键笔记

    截图
    0赞 · 0采集
  • 碧羽化屏 2020-06-09
    import 'package:flutter/material.dart';
    
    class MinePage extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(title: Text('我的')),
          body: GridView(
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 3,   //每行个数
                mainAxisSpacing: 2.0,   //每行间距
                crossAxisSpacing: 2.0,  //每列间距
                childAspectRatio: 0.75  //长宽比
            ),
            children: <Widget>[
              new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2557573348.webp',fit: BoxFit.cover),
              new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p1446261379.webp',fit: BoxFit.cover),
              new Image.network('https://img9.doubanio.com/view/photo/s_ratio_poster/public/p1613191025.webp',fit: BoxFit.cover),
              new Image.network('https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2540924496.webp',fit: BoxFit.cover),
              new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2174346180.webp',fit: BoxFit.cover),
              new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p454118602.webp',fit: BoxFit.cover),
              new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p1998028598.webp',fit: BoxFit.cover),
              new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p456676352.webp',fit: BoxFit.cover),
              new Image.network('https://img3.doubanio.com/view/photo/s_ratio_poster/public/p1917567652.webp',fit: BoxFit.cover),
              new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2398213627.webp',fit: BoxFit.cover),
              new Image.network('https://img1.doubanio.com/view/photo/s_ratio_poster/public/p1637195728.webp',fit: BoxFit.cover),
              new Image.network('https://img9.doubanio.com/view/photo/s_ratio_poster/public/p1335271624.webp',fit: BoxFit.cover),
            ],
          )
        );
      }
    }

    本节课源码,图片是宫崎骏的电影,喜欢的朋友拿走不谢。

    http://img1.mukewang.com/5edf679f0001d40d07501334.jpg

    0赞 · 0采集
数据加载中...
开始学习 免费